Columns not collapsing on Android 4.4.4
TomHartney opened this issue · comments
Firstly great template - out off the many I tested this is the simplest and works the best!
I am having issues with Android 4.4.4.
Screenshot attached is from the vanilla template (latest version as at 15 Sep 2015).
The right hand columns appear to collapse but the lefthand columns appear to stay fixed.
Any suggested workarounds to this?
Thanks for all your hard work!
Tom
@TomHartney sorry I don't have time to test or work on this now, let me know if you found a fix.
Will do. I will repost if I find a workaround. Tom
Just spend my day researching this problem for the company i work for, the result:
This is not possible on Android 4.2+. The native client does not support media queries. They switched to the "Gmail" render engine from what i could find on the interwebs, which strips all CSS that's not inlined, so no media queries possible there.
Templates should be made with the "mobile first" approach in mind. So clients supporting media queries will render your "min-width: 481px" media query styling. Clients not supporting media queries will just show your mobile version.
Since the majority of e-mails gets viewed and openend on mobile e-mail clients these days, this is a good thing to consider. Source: https://litmus.com/blog/53-of-emails-opened-on-mobile-outlook-opens-decrease-33
We are now considering moving to this mobile first approach. Still looking at the pros and cons.
Media query support: https://litmus.com/help/email-clients/media-query-support/ (list is not correct for Android 4+ native)
Note: tested on Android 4.2.2 and 4.4.
@TomHartney Do you fixed your issue? If yes then please let me know.