Outlook.com Email App - No Longer Responsive - Android
What happened to the Outlook.com email app? It used to render my emails beautifully, just like the built-in iOS email app, but my app got updated last night and now it's crap city and I'm the mayor. No more stacking, no more CSS (even the inline CSS for my text links), no more beautiful emails.
Are you iOS users experiencing the same thing?
I thought Microsoft was going to fix their email clients, but they are going in the other direction!
Maybe I am late on this...
Media Queries are out.
I notice this as well espescially if the email account is not from outlook.com/hotmail.com
I tested this email which I design and built and sent a test to my personel hotmail account and the other to my company office 365 account and it seems the 365 account absolutely does not support any responsiveness at all while the hotmail.com account works fine still
Office 365 (no responsiveness)
hotmail account (responsive)
No idea why is outlook doing this it was rendering responsive perfect before on android on both accounts.
Yep I'm in the same boat. I saw a Litmus post from September I think stating media queries were going to be supported again, but they're not for me at all. Outlook app rendering desktop view.
I have also seen this, but doesn't seem to be by domain. My personal hotmail.com renders fine on my iphone SE outlook app, but my coworker's hotmail.com email does not render responsively on an iphone 6. It's driving me a bit nuts.
Update with iOS result: no problems to report. Everything renders as intended. Although, I must say, it took me a long time to find a co-worker that actually had the Outlook.com app on their iPhone. What's the market share for Outlook.com? I can't imagine it being being over a few percentage points.
Can you try to login to oultook.com and disable the beta option? With this option disable the outlook android app renders fine the email butnot when is actived.
Yep, I have seen the exact same sudden change in iOS. The weirdest part of it is that it initially renders correctly then loses all of its styling!
I just noticed Outlook (Android 6.0) - not sure if this is Outlook.com on Android 6.0 - is also no longer responsive. Not sure how it renders on iOS. Hope Microsoft fixes this ASAP.
I also noticed that responsive emails won't render correctly when sent to an outlook.com account and viewed in the native app on a Samsung Galaxy S4, while it renders correctly in the same app with a gmail.com account.
Yes - I have encountered this issue as well. It never was an issue before so it must have just popped up.
I just found this article: https://www.zdnet.com/article/microsoft-to-drop-outlook-on-the-web-mobile-apps-for-ios-android-by-mid-may/
It kind of makes sense why nothing works when I try to fix things only for Outlook app. Surprisingly mobile queries are working almost perfectly on Android, but it's a disaster on iOS - tons of problems with widths and god knows what.
Another headache - in most of my templates, I have to use floats (my company has some sort of analogical framework as Mailchimp and we have some predefined CSS). My guess is that the damn float blows up a little bit the td and the content inside of it (img and text) - and this happens only in Outlook app.
It really makes me mad. Every single morning I am checking for updates regarding all of this mess.
Did you try to replace all the TD with floats to TH? (<td></td> --> <th></th>). It should work...
I installed the application on my AOL desktop, I liked the email features from this application, I first gained some information from the support of https://emailssupports.com/aol-support/ which helped me deal with the type of application. Hence finally I continued using the Outlook email for my works and for other official communications.
I could made my mailings look fine in Outlook app for Android and outlook.com compressing the HTML with the Zurb Inliner. https://foundation.zurb.com/emails/inliner-v2.html
Without compressing the HTML the email get off the screen in Outlook for Android.
Yes its kind of wierd indeed, Ithink the main problem is that we have rendering engines from "hotmail.com", "live.com" & "outlook.com" merged together BUT all the ruels are still activ for the domans. The main reason for that could be that Microsoft did not changed the other domains. Thats why u can still have your hotmail domain in outlook.com.
also note that the app and the Programs for PC/mac use a difrend engine so u have to adjust your template again like @Tahsin Alam sad.
for now I dont see a solution for this. The only way It could work could be a fluid design wich is not totaly responsiv but a fix. I also think they gona change it in a month again =(
I was looking for information about the matter since I have very recently encountered the same problem on Android.
Still getting problems on my end. No update available, tested many many ways, working nicely on Native, Gmail, Yahoo, and ... Outlook being the simplest one to code for, not doesn't display using the in-head CSS.
Maybe it has something to do with some META tag I messed up over time, but not quite sure...
Anyone has encountered the same problem ? More specificaly, I on my end use a Xiaomi Redmi Pro, Android built.
We have also faced same challenges in Outlook App.
But we have found some strange thing about Outlook App. If you have configured email id of Outlook or Live with outlook.com or live.com domain (firstname.lastname@example.org or email@example.com), then in the Outlook App will render with the desktop in new app.
And If you have configured email id of other email clients other than outlook.com or live.com domains (firstname.lastname@example.org or email@example.com or @xyz.com, etc...), then it will render with responsive layout.
If you can configure other email id (with non outlook.com or live.com ids), then you might see it appearing responsive in same app.
Let me know if that is good for you.