> For the complete documentation index, see [llms.txt](https://docs.emaillabs.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.emaillabs.io/en/email/email-campaigns/creating-a-new-email-campaign/designing-emails-using-the-drag-and-drop-editor/creating-an-email-design-in-the-editor/designing-and-optimizing-for-mobile-devices.md).

# Designing and Optimizing for Mobile Devices

Instead of just a preview, the editor offers a fully interactive **Mobile Design Mode**. This allows you to actively modify how your email looks on mobile devices, independently of the desktop view.

### **Activating Mobile Design Mode**

To switch to mobile editing, click the **phone icon** in the top-left corner of the workspace. This will toggle the view from desktop to mobile. You can switch between these two modes freely at any time.

<figure><img src="/files/apFPWFHwmMsH4hnrH2LL" alt=""><figcaption></figcaption></figure>

### **Customizing the Mobile View**

While in Mobile Design Mode, you can click on individual content blocks and rows to adjust their properties exclusively for the mobile version. Customization options include:

* **Changing font size and style** for better readability on small screens.
* **Adjusting the size** of images and buttons.
* **Modifying the alignment** of text and other elements.
* **Changing internal margins (padding).**
* **Hiding specific blocks** – you can decide that a certain element (e.g., a large image or extra text) will not be displayed on mobile devices at all to simplify the message and improve loading times.

<figure><img src="/files/GiBlrQs3JzRFrMO9QfRa" alt=""><figcaption></figcaption></figure>

This ensures your campaign will look polished and professional on both desktop computers and smartphones.