---
title: "How can we format our email for mobile view?"
slug: "how-can-we-format-our-email-for-mobile-view"
tags: ["email mobile view", "mobile responsive"]
updated: 2025-12-09T19:13:45Z
published: 2025-12-09T19:13:45Z
canonical: "academy.insiderone.com/how-can-we-format-our-email-for-mobile-view"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How can we format our email for mobile view?

If you design an email and want the same preview on mobile, the responsive structure toggle for the block should be off. When this toggle is on, images, text, or any block you add will be placed under each other for mobile.

![Responsive structure](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Apr%2019%2015-29-01.png)

In some cases, the sizes of elements within the same block can differ even when the equalize option is selected. This happens when the "Responsive design" toggle is on. Since every device's screen resolution is different, the design will adapt each element to each device's resolution when the toggle is on.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Apr%2019%2015-30-01.png)

> While the "Responsive design" affects the whole email structure, the "Responsive Structure" only affects the selected structure.

If you encounter an issue where images, such as logos, appear larger than they should on mobile devices, you can add additional mobile padding to those areas.

![Mobile padding](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Apr%2019%2015-33-30.png)

To specify different font sizes without adding different blocks and hiding one another in different platforms, you can select the area and change the font size of that area in the Mobile Formatting section.

To specify an area, go to the **Appearance** > **Message** area.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Apr%2019%2015-35-54.png)

To change the sizes of elements for mobile view, go to **Appearance** > **Mobile Formatting** and adjust the sizes as needed.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Apr%2019%2015-37-55.png)

## Related

- [Email rendering on mobile devices](/email-rendering-on-mobile-devices.md)