RL
0
Responsive Code Not Working in Android 4.4
Hi All,
I am having an issue with my email in the builder in Andriod 4.4. I have two responsive columns that wont stack in that email client but in all other previews (iphone, etc) it stacks and looks fine. In Andriod 4.4 one column is larger than the other and the other one gets squished, instead of one stacking above the other. Is there a trick to responsive code in Andriod 4.4? Thanks!
Rebecca
Hi Rebecca,
What responsive email method are you using? If you're using two
<td>
side-by-side on desktop that should stack on mobile usingdisplay: block;
, that would be your issue — Android 4.4 dropped support for this method. You have 2 options then:<td>
columns with<th>
columns (make sure to also override thefont-weight
as by default will make copy bold)You can read more about both methods here: https://litmus.com/community/discussions/189-responsive-methods-table-align-vs-td-display-block
In addition to that, there is also the Fluid Hybrid method for creating responsive emails: http://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919
Hope this helps!
Hi Courtney!
Thank you so much, this worked out great!
Awesome! Glad to hear it :)