How to optimize email designs for mobile devices
The way you visualize the content of an email is different between devices. In the editor, you can view the mobile and desktop versions, to optimize and adjust the design according to the device. Learn how to create designs that are optimized for mobile with three main features.
Explore mobile and desktop edit view
To see the differences between the design displayed in desktop and mobile there are two buttons to change the view and edit in each of the views
Do not stack on mobile
Select a row and, in the properties, you will see the option to choose “do not stack on mobile.” If it is enabled, for that row, the content won’t be adapted or shown in a different way for the mobile version.
Here is an example of how it will be shown on mobiles with and without selecting this option.
2. Reverse stack order on mobile
Select a row and you will see the reverse stack order on the mobile option. The mobile version is adapted to show the content vertically. A Row can have different types of content, as text, images, and buttons. With the reverse stack order on the mobile option, you can switch the order to organize it as you prefer. When you have multiple rows, changing the order of a single row can make a big difference!
Here is an example of how it will be shown in mobiles with and without selecting this option.
3. Hide
Select a row, and you will see the option to hide for desktop or mobile. You can choose if a row is visible for desktop but hide it for the mobile version with this option.
