Skip to main content

On mobile, emails show 3 products stacked vertically. Is there any way to make it side by side (horizontal) on mobile?

  • November 27, 2020
  • 2 replies
  • 1424 views

ashley_mcdermott
Klaviyo Employee
Forum|alt.badge.img+15

To ensure that products won't stack on mobile, you will need to disable mobile optimizations. To do that, navigate into the template you wish to edit and head to the Styles tab. In the Mobile section select No next to Enable Optimization.

For more information, check out our help article on Optimizing Your Emails for Mobile.

Did this topic or the replies in the thread help you find an answer to your question?

2 replies

Forum|alt.badge.img+1

But I want to optimize for mobile and not have them stack. If i don't optimize for mobile, how will i know how its going to look on mobile?

 

Hope that makes sense!


Taylor Tarpley
Community Manager
Forum|alt.badge.img+60
  • Community Manager
  • 2148 replies
  • March 18, 2022

Hi @LunarSerpens

 

Thanks for sharing your question with us! Sorry for the delay!

 

It is considered industry best practice to have blocks stacked on mobile because mobile devices aren’t as wide as desktops as mobile device and side by side blocks don’t look as good on mobile. However, to get the most accurate test of how an email will look on your mobile device, I’d recommend sending a preview to yourself and checking on your phone! 

 

Hope this helps! 

-Taylor