Desktop and Mobile View in the Zephyr Editor

When you go to the Zephyr editor, the first thing you’ll see is the Desktop View, however, you can toggle over to the Mobile View at any time. It is really important as more and more email is primarily viewed on Mobile devices.

At the top left of the builder, toggle between the desktop view (monitor icon) and mobile view (cell phone icon) with the click of a button!

As you explore the mobile view, click on different content that looks like it may need revision. Look for a “Mobile” callout next to content and row settings to make changes that only affect your mobile design.

Changes to other content not specifically marked as “Mobile” will change designs globally (on desktop and mobile).

Specific Design Items to look for

Text
When looking at your mobile design, pay attention to the design of text areas. Sometimes you may need to adjust the Font size of the mobile view up or down to better fit the device. You can also change the alignment specific to the mobile view in a text area (Paragraph, List, Heading)

Images
A common issue with images, especially in multicolumn rows, is that they may look great side by side, but when stacked, the alignment and padding settings make things skewed. Consider setting the Align for an image to center and making sure the Padding of an image has consistent or matching Left and Right Padding to ensure proper mobile flow.