# Email creation issue for mobile device

**URL:** <https://community.hubspot.com/t/email-creation-issue-for-mobile-device/81384>\
**Category:** Email Marketing Tool\
**Tags:** free, marketing-email\
**Created:** [May 17, 2023, 1:01pm UTC](https://community.hubspot.com/t/email-creation-issue-for-mobile-device/81384 "2023-05-17T13:01:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![LAtama](https://avatars.discourse-cdn.com/v4/letter/l/a698b9/32.png) [@LAtama](https://community.hubspot.com/u/LAtama)\
**Post date:** [May 17, 2023, 1:01pm UTC](https://community.hubspot.com/t/email-creation-issue-for-mobile-device/81384/1 "2023-05-17T13:01:18Z")

</div>

Hello! I’m building an email that includes 2 columns layout. How can I force the right column to be at first position on mobile devices for some of the layouts?

I found the same topic in your blog:  
[https://community.hubspot.com/t5/Email-Marketing-Tool/Email-stacking-order-on-mobile-devices/m-p/721…](https://community.hubspot.com/t5/Email-Marketing-Tool/Email-stacking-order-on-mobile-devices/m-p/721929)  
But I cannot figure it out where do I have to change the code

Can you help me with this?

---

<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:** [May 17, 2023, 1:08pm UTC](https://community.hubspot.com/t/email-creation-issue-for-mobile-device/81384/2 "2023-05-17T13:08:19Z")

</div>

You cannot. In the order of operations left will always be before right and that is how responsive layouts work. While there are workarounds in some frameworks to shift things around, emails are not as capable due to client limitations in the code that can be used so you are unfortuantely stuck in this instance.

---

<div class="post-metadata">

**Author:** ![LAtama](https://avatars.discourse-cdn.com/v4/letter/l/a698b9/32.png) [@LAtama](https://community.hubspot.com/u/LAtama)\
**Post date:** [May 17, 2023, 1:17pm UTC](https://community.hubspot.com/t/email-creation-issue-for-mobile-device/81384/3 "2023-05-17T13:17:16Z")

</div>

Thanks. Is there an option to edit the html code of the email?

---

<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:13am UTC](https://community.hubspot.com/t/email-creation-issue-for-mobile-device/81384/4 "2024-08-20T04:13:41Z")

</div>

Hi @LAtama,

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!
