How to edit your Email Format for Mobile under Appearance tab
Mobile devices are an increasingly popular way for your contacts or subscribers to view your email campaigns. This means it's now more important than ever to design with mobile devices in mind.
1 min read224 words5 explained images
Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
- 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.
- 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
Mobile devices are an increasingly popular way for your contacts or subscribers to view your email campaigns. This means it's now more important than ever to design with mobile devices in mind.
Covered in this article:
To edit mobile styles in a drag-and-drop template
The default styles include font size and line height settings that work well on a smaller screen for Design Editor (Drag and Drop Editor). You can make additional changes to these at any time.
To edit mobile styles in a drag-and-drop template - 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
2. Click the Appearance tab and choose Mobile Formatting (image 2 of 5) What this shows To edit mobile styles in a drag-and-drop template - Design Editor, follow these steps: What this shows Shows what to choose for step 1 of 1 in the "2. Click the Appearance tab and choose Mobile Formatting" section of "How to edit your Email Format for Mobile under Appearance tab". This screenshot accompanies step 1 of 1 in the "2. Click the Appearance tab and choose Mobile Formatting" section of "How to edit your Email Format for Mobile under Appearance tab". For context, this section explains: To edit mobile styles in a drag-and-drop template - Design Editor, follow these steps.
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.3. In Mobile Formatting, there are options for different styles, font heights, and alignment. (image 3 of 5) What this shows For font size or button style, the toggle needs to be enabled to apply for the mobile formatting. What this shows Shows what this covers for step 1 of 1 in the "3. In Mobile Formatting, there are options for different styles, font heights, and alignment." section of "How to edit your Email Format for Mobile under Appearance tab". This screenshot accompanies step 1 of 1 in the "3. In Mobile Formatting, there are options for different styles, font heights, and alignment." section of "How to edit your Email Format for Mobile under Appearance tab". For context, this section explains: For font size or button style, the toggle needs to be enabled to apply for the mobile formatting. Buttons and menus referenced Note -
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.
Was this guide helpful?