Solved

Email looks very different on Android and IOS

  • 1 February 2024
  • 3 replies
  • 113 views

Badge +3

 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?

icon

Best answer by Taylor Tarpley 9 February 2024, 22:41

View original

3 replies

Userlevel 7
Badge +60

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 

Badge +3

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

Userlevel 7
Badge +60

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