Mobile View Controls: Make Every Email Work on Small Screens

Your desktop design is only half the picture. Mobile View Controls let you fine-tune how an email looks on a phone, with separate styling for supported sections and elements.

What's new

Design for desktop and mobile independently:
Switch between Desktop and Mobile within supported styling sections. Mobile settings inherit your desktop design until you change them, so you can make targeted adjustments without rebuilding the email.
Give content room to breathe:
Adjust mobile padding and margins for sections and supported elements. Tighten oversized gaps, add space around content and shape the layout for smaller screens.
Make your call to action stand out:
Choose mobile button alignment, including full width, and adjust button typography and spacing so the action is easy to see and read.
Keep visuals in proportion:
Set mobile alignment, dimensions and padding for images, logos and videos. Aspect-ratio locking preserves proportions. Social icons also get mobile alignment, size and spacing controls.

Why it matters

A layout that looks great on desktop may need different spacing or a wider button on a phone. Now you can make those adjustments in the same email while keeping your desktop design intact.

How to use it

Go to
Marketing > Emails
and create or open a campaign or template in the Design Editor.
Select a section or a supported content element.
Open
Style
and use the device selector beside the setting you want to change.
Choose
Mobile
, adjust the values and review the mobile preview.
Save, click the eye icon to open
Preview
, then switch between Desktop and Mobile to review both designs.

Good to know

Mobile styles inherit desktop values until you change them.
Existing campaigns and templates keep their current appearance unless you update their mobile styles.
Controls vary by element. Use the device selector where it's available.

Learn more: Customize Mobile Formatting in the Email Builder