Skip to main content

Editing Your Email Format for Mobile in Stack

Designing emails with mobile devices in mind is crucial as more people view their emails on the go. Here's how you can ensure your email campaigns look great on any screen using Stack's drag-and-drop editor.

Editing Mobile Styles in a Drag-and-Drop Template​

The default settings in Stack's Design Editor are optimized for mobile, with appropriate font sizes and line heights. However, you can customize these settings to better fit your needs. Here's how:

  1. Access Your Email Template: Start by creating or opening an existing email template or campaign.
  2. Navigate to Appearances: Click on the Appearance tab.
  3. Select Mobile Formatting: Choose the Mobile Formatting option to access various style settings, including font sizes, line heights, and alignments.
    • To adjust font size or button styles specifically for mobile, ensure the toggle for mobile formatting is enabled.

Note: These settings will only apply to email clients that support media queries, affecting how your email appears on mobile devices.

  1. Preview Your Changes: After saving your template, click the three dots to preview how your email will look on a mobile device.

Preview and Test Your Email Campaign​

Always preview and test your email campaign on a mobile device. This step ensures that all changes appear as intended and your email is visually appealing on smaller screens.

By following these steps, you can enhance the mobile experience of your email campaigns in Stack, ensuring they look great no matter where they're viewed.