The default styles in the Design Editor (Drag and Drop Editor) come with pre-set font sizes and line heights optimized for smaller screens. You can customize these settings further whenever needed.
To modify mobile styles in a drag-and-drop template using the Design Editor, follow these steps:
1. After creating an Email template or campaign, go to the Appearances
2. Click the Appearance tab and choose Mobile Formatting
3. In Mobile Formatting, there are options for different styles, font heights, and alignment.
For font size or button style, the toggle needs to be enabled to apply for the mobile formatting.
Note – The following settings will only work in the mobile version of the email template in email clients which support media queries.
4. Once the settings are implemented for mobile, click the three dots after saving the template for preview in the mobile view.
Preview and test your email campaign
Preview and test your email campaign on a mobile device to view the changes.