Skip to main content

 My email looks very different on android vs IOS

Android
IOS

 

For information, I am using CSS media queries to control everything on the mobile side. 

The preview in Klaviyo looks like the IOS one. What should I do?

Hi there @rohan12334

 

Thanks for sharing your question with us! 

 

Do you mind sharing what inbox you’re using when you’re seeing these differences? Additionally, is it in app or the web version? 

 

Thank you for participating in the Community!

-Taylor 


Hello @Taylor Tarpley 

 

It is the gmail app on both android and IOS.

 

Weirdly, the android preview started showing up as in the image all of a sudden, without me changing anything.

 

Perfect solution would be if I can get the IOS preview to also look like the Android one.

 

Thanks


Hi there @rohan12334


Unfortunately, templates are likely to look different on the following:
 
+ Android 6.0 as well as Gmail for Android
+ Google Inbox (Android) and Yahoo
 
Android will almost always render templates differently, because they do not respect media queries as this is a limitation of android itself. The best way to resolve this is to use email preview services like Litmus or Email on Acid to see what your emails would look like on different platforms. Unfortunately, there isn't anything Klaviyo or another ESP can do to change how Android respects media queries.

 

I do sincerely apologize for the inconveniences!

-Taylor 


Reply