# Mobile Layout versus Email

**URL:** <https://community.hubspot.com/t/mobile-layout-versus-email/59027>\
**Category:** Email Marketing Tool\
**Tags:** email-deliverability\
**Created:** [June 14, 2022, 6:18pm UTC](https://community.hubspot.com/t/mobile-layout-versus-email/59027 "2022-06-14T18:18:30Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![DLM12](https://avatars.discourse-cdn.com/v4/letter/d/bcef8e/32.png) [@DLM12](https://community.hubspot.com/u/DLM12)\
**Post date:** [June 14, 2022, 6:18pm UTC](https://community.hubspot.com/t/mobile-layout-versus-email/59027/1 "2022-06-14T18:18:30Z")

</div>

Is there a way to adjust the layout on a phone? Though I can see the preview, I don’t see how to edit it.

Thank you!

---

<div class="post-metadata">

**Author:** ![Ben\_M](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ben_m/32/2679_2.png) [@Ben\_M](https://community.hubspot.com/u/Ben_M)\
**Post date:** [June 15, 2022, 12:55pm UTC](https://community.hubspot.com/t/mobile-layout-versus-email/59027/2 "2022-06-15T12:55:12Z")

</div>

Layouts for email are responsive meaning that styling controls how they render on mobile. It’s not a separate version to edit. If you want to post screenshots of what you are seeing in the editor and show us what you are trying to do we can let you know if it’s possible within the editor or whether you would need to have custom email templates built out to support what you are trying to do.

---

<div class="post-metadata">

**Author:** ![DLM12](https://avatars.discourse-cdn.com/v4/letter/d/bcef8e/32.png) [@DLM12](https://community.hubspot.com/u/DLM12)\
**Post date:** [June 16, 2022, 11:04am UTC](https://community.hubspot.com/t/mobile-layout-versus-email/59027/3 "2022-06-16T11:04:37Z")

</div>

I Sent the screenshots. Were they received? Thank you

---

<div class="post-metadata">

**Author:** ![DLM12](https://avatars.discourse-cdn.com/v4/letter/d/bcef8e/32.png) [@DLM12](https://community.hubspot.com/u/DLM12)\
**Post date:** [June 16, 2022, 11:09am UTC](https://community.hubspot.com/t/mobile-layout-versus-email/59027/4 "2022-06-16T11:09:39Z")

</div>

![IMG-2564 (1).PNG](https://d2qpr2jzcazej7.cloudfront.net/original/3X/f/5/f5ed9477d4a6ed875bbac0e78ccf62bab7c42f2b.png)

 ![IMG-2565.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/2X/d/de4f9d91aca4b2a3be3d5f112c4a8381fb02a31b.png)

 ![IMG-2566.PNG](https://d2qpr2jzcazej7.cloudfront.net/original/2X/e/ef4a298a4418e0000315b05692dd4d1371eeb4ce.png)

---

<div class="post-metadata">

**Author:** ![DLM12](https://avatars.discourse-cdn.com/v4/letter/d/bcef8e/32.png) [@DLM12](https://community.hubspot.com/u/DLM12)\
**Post date:** [June 16, 2022, 11:10am UTC](https://community.hubspot.com/t/mobile-layout-versus-email/59027/5 "2022-06-16T11:10:33Z")

</div>

The writing is either thin going down the middle or center-left. Neither are a professional aesthetic.

---

<div class="post-metadata">

**Author:** ![Ben\_M](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ben_m/32/2679_2.png) [@Ben\_M](https://community.hubspot.com/u/Ben_M)\
**Post date:** [June 16, 2022, 12:33pm UTC](https://community.hubspot.com/t/mobile-layout-versus-email/59027/6 "2022-06-16T12:33:31Z")

</div>

Can we see what you are expecting/getting from a desktop perspective?

From a mobile perspective the only thing jumping out at me is that this appears to be a lot of text and spells out full links where you could optimize and use CTAs to prevent too much scrolling on a mobile device. What I’m hoping to see is how you are laying our your rows/columns in the emails to see if we can make sure that things expand to full width where they should, but also figure out how we can better adapt your content to a mobile context.

---

<div class="post-metadata">

**Author:** ![karstenkoehler](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/karstenkoehler/32/68554_2.png) [@karstenkoehler](https://community.hubspot.com/u/karstenkoehler)\
**Post date:** [August 20, 2024, 4:16am UTC](https://community.hubspot.com/t/mobile-layout-versus-email/59027/7 "2024-08-20T04:16:01Z")

</div>

Hi @DLM12,

Great news, there is now a (private) beta for this 🙂

> Marketing Email
> 
> ### Mobile Optimised Email
> 
> August 16, 2024
> 
> ### **What is it?**
> 
> You can now optimise your marketing emails for mobile, enhancing your end recipient experience, improving engagement rates, and ultimately drive higher conversions.
> 
> This rollout provides the ability to hide modules and sections on both mobile and desktop, as well as changing the layout and disable automatic column stacking on mobile.
> 
> ### **Why does it matter?**
> 
> Mobile devices are an increasingly popular way for customers to view email campaigns, meaning it’s now more important than ever to design with mobile devices in mind.
> 
> The new Mobile Editor for Marketing Email will enhance the email editing experience that visualises how and where more receipients are opening their emails.
> 
> ### **How does it work?**
> 
> To customise which modules or sections appear for desktop or mobile recipients:
> 
> - In your HubSpot account, navigate to **Marketing** \> **Marketing Email**.
> - Click the **name** of a drafted email, or click **Create email** in the top right to [create a new email](https://knowledge.hubspot.com/marketing-email/create-marketing-emails-in-the-drag-and-drop-email-editor?hubs_content=knowledge.hubspot.com/marketing-email/optimize-your-marketing-email-for-mobile-devices&hubs_content-cta=create%20a%20new%20email#create-a-new-email).
> - Click the desktop **desktop icon** or mobile **mobile icon** at the top of the email editor to view and configure the settings for each device type.

 ![karstenkoehler_3-1724127812322.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/6/6fbcca1aa2f9552a4f56a0d83b21bec0a253a5b1.png)

> - Hover over a module or section and click the hide **hide icon** to hide that module in the version of the email you’re editing.
> - To show all hidden modules for a version you’re editing, click **Show all hidden** at the top of the email editor.
> 
> To configure different column layout settings between mobile and desktop devices:
> 
> - Click one of the **email sections**.
> - In the _Layout_ section in the left pane, toggle the **All devices** switch off, then configure the column layout for Desktop and the stacking layout for mobile.

 ![karstenkoehler_5-1724127099334.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/f/4/f4aa8da7f80ccf343f32c9e4fc17412ea67209ca.png)

> ### **Who gets it?**
> 
> Marketing Pro, Marketing Enterprise
> 
> ### **Learn More:**
> 
> [Join the discussion on our Community](https://community.hubspot.com/t5/HubSpot-Ideas/Desktop-vs-Mobile-Email-Layout/idi-p/302794)  
> [Learn more on the Knowledge Base](https://knowledge.hubspot.com/marketing-email/optimize-your-marketing-email-for-mobile-devices)
> 
> * * *

The beta can be found here:

 ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/9/2/9284e8352f82f56c712355a72b9a917151a0b652.png)

If you’re not seeing it yet, you’ll have to be patient for a bit longer or reach out to your customer success manager – but it’s on its way 🙂

Best regards!
