Skip to main content
All CollectionsOmnisend Email BuilderTemplates
Mobile Stacking in Email Builder
Mobile Stacking in Email Builder

Learn how mobile stacking can help your emails provide seamless experience

Ira avatar
Written by Ira
Updated over a year ago

When developing your email marketing strategy, it is essential to consider responsive design. You'll be able to keep your marketing up-to-date and provide a seamless desktop-to-mobile experience if you're aware of the latest trends and mobile-friendly design capabilities.

Why is mobile stacking important in email marketing?

Mobile devices have a minimal viewing area, so a single column is an optimal layout for mobile devices. Text and images appear extremely small or squished on mobile devices when email content retains the same desktop layout. Your subscribers will likely struggle to read your content, resulting in an unsatisfactory user experience.

Mobile stacking in Omnisend

Omnisend mobile stacking works on layouts and product items in the Email Builder. To turn on mobile stacking for your product item or layout, click on it → find Mobile stacking on the right-side menu → check the box.

💡 Please note that mobile stacking is always checked by default, as this is our recommendation for a better user experience.

Something to remember

  • If mobile stacking is enabled for 1, 2, and 3-column product items, products will be displayed as 1 per row in mobile:

As a result, on mobile, the products will be stacked like this:

If you decide not to stack on mobile, layout columns will be displayed the same as on the desktop layout.

  • If mobile stacking is enabled for 4-column product items, products will be displayed in 2 per row on mobile:

As a result, on mobile, the products will be stacked like this:

If you decide not to stack on mobile, up to 4 columns will be displayed in 1 row. The mobile view will reflect the desktop layout.

  • If mobile stacking is enabled for 1, 2, 3, 4, and mixed column Layouts (not Product Item), they will be displayed as 1 column per row. If stacking is disabled, you will see the same preview as on the desktop.

⚠️ Please note that the menu item will not be stacked, as we currently only implement the logic for layout stacking.

Ensure that your subscribers have the best viewing experience possible and that your designs are perceptible on mobile devices. Stack the columns to maximize the ease with which they can be read on mobile devices and be a great email marketer with Omnisend 🎉

Still need help? We are here 24/7; contact us at [email protected]!

Did this answer your question?