# Desktop vs Mobile Email Layout

**URL:** <https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276>\
**Category:** HubSpot Ideas\
**Tags:** marketing-email\
**Created:** [November 18, 2019, 8:49pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276 "2019-11-18T20:49:25Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![vdecker](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/vdecker/32/18373_2.png) [@vdecker](https://community.hubspot.com/u/vdecker)\
**Post date:** [November 18, 2019, 8:49pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/1 "2019-11-18T20:49:25Z")

</div>

It would be nice to have functionality in the drag and drop builder to change the way things look/stack on desktop vs mobile. For example, if I have a row with image on the left and text on the right, added functionality would mean I could switch the way they stack on mobile to be right over left instead of the standard left over right. Additionally, if I wanted to hide things on mobile like an image or text for whatever reason, that would be helpful, for example a header image on desktop that is hidden on mobile since it takes up to much real estate, etc.

---

<div class="post-metadata">

**Author:** ![hwinata](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/hwinata/32/35608_2.png) [@hwinata](https://community.hubspot.com/u/hwinata)\
**Post date:** [January 9, 2020, 3:38pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/2 "2020-01-09T15:38:18Z")

</div>

Great idea. Definitely a must have in 2020, especially for brands with more than 50% traffic coming from mobile.

Upvoted!

---

<div class="post-metadata">

**Author:** ![mbinmasoud](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mbinmasoud/32/79512_2.png) [@mbinmasoud](https://community.hubspot.com/u/mbinmasoud)\
**Post date:** [May 19, 2020, 12:54pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/3 "2020-05-19T12:54:15Z")

</div>

I’m upvoting this idea. After using the Drag & Drop editor for a few months, stacking and lack of columns for images in mobile is starting to hold us back.

For instance, we’ve created a few emails this year where we needed to show at least 12 product prices (linking to different products). The designers did a good job of creating a grid that makes them look good on desktop, but on mobile, all 12 images stacked in a single column. This caused the email to look really bad on mobile.

It’s been a blocker to the point where we have to switch to the classic editor for certain cases, much to our chagrin.

---

<div class="post-metadata">

**Author:** ![kkunkel](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kkunkel/32/25270_2.png) [@kkunkel](https://community.hubspot.com/u/kkunkel)\
**Post date:** [May 19, 2020, 1:19pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/4 "2020-05-19T13:19:03Z")

</div>

Totally agreed and second the above!

Having the ability to pick and choose which asssets we want on mobile vs desktop gives us the ability to truly designate the most important information that we want to show customers. This is especially important on mobile since we are working with much smaller real estate and attention spans.

---

<div class="post-metadata">

**Author:** ![SilvanaPSI](https://avatars.discourse-cdn.com/v4/letter/s/c5a1d2/32.png) [@SilvanaPSI](https://community.hubspot.com/u/SilvanaPSI)\
**Post date:** [August 4, 2020, 1:36pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/5 "2020-08-04T13:36:37Z")

</div>

So needed!

This is a standard feature of many other marketing automation platforms. It’s highly needed!

---

<div class="post-metadata">

**Author:** ![CSCampbell](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cscampbell/32/105714_2.png) [@CSCampbell](https://community.hubspot.com/u/CSCampbell)\
**Post date:** [August 21, 2020, 12:17pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/6 "2020-08-21T12:17:08Z")

</div>

100% on this. It is readily available in a lot of other ESPs and would make email creation so much slicker going forward. Has to be on the dev list ASAP!

---

<div class="post-metadata">

**Author:** ![mbinmasoud](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mbinmasoud/32/79512_2.png) [@mbinmasoud](https://community.hubspot.com/u/mbinmasoud)\
**Post date:** [August 26, 2020, 12:46pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/7 "2020-08-26T12:46:58Z")

</div>

I was hoping to hear about an update on this idea by now. Is this something the product team is talking about? Anything planned or close?

---

<div class="post-metadata">

**Author:** ![Niky](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/niky/32/69256_2.png) [@Niky](https://community.hubspot.com/u/Niky)\
**Post date:** [September 9, 2020, 7:30am UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/8 "2020-09-09T07:30:48Z")

</div>

Great idea. It is really needed in todays content creation. Drag and Drop works fine for desktops but the mobile arrangement of the content seems oddly misplaced.

---

<div class="post-metadata">

**Author:** ![Reena](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/reena/32/84335_2.png) [@Reena](https://community.hubspot.com/u/Reena)\
**Post date:** [September 22, 2020, 10:11am UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/9 "2020-09-22T10:11:14Z")

</div>

Yes this would be extremely beneficial - we have no way of assuming/predicting how our emails will be viewed and therefore need to set emails up for any device.

The mobile preview is a good feature, but a mobile editor is also needed so we can change and edit layouts - sometimes the default responsiveness works and sometimes not so much!

I’ve seen this in other ESPs so would be great to get an update on when this will go into devs for HubSpot, if and when this goes into beta please let us know so we can start to test and use!

---

<div class="post-metadata">

**Author:** ![YiRui\_Chua](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/yirui_chua/32/23766_2.png) [@YiRui\_Chua](https://community.hubspot.com/u/YiRui_Chua)\
**Post date:** [June 23, 2021, 8:20am UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/10 "2021-06-23T08:20:13Z")

</div>

Hi team, commenting for a customer here!  
Currently, we do have some [mobile responsive editing options in landing/web pages for starter templates](https://knowledge.hubspot.com/website-pages/customize-drag-and-drop-content-on-mobile-devices) , would love to see that for our marketing email tool too  
Thank you!

---

<div class="post-metadata">

**Author:** ![Ellesyanna](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ellesyanna/32/55434_2.png) [@Ellesyanna](https://community.hubspot.com/u/Ellesyanna)\
**Post date:** [July 2, 2021, 2:37pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/11 "2021-07-02T14:37:59Z")

</div>

Definitely needed!

---

<div class="post-metadata">

**Author:** ![DDuBois](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ddubois/32/35926_2.png) [@DDuBois](https://community.hubspot.com/u/DDuBois)\
**Post date:** [July 29, 2021, 7:50pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/12 "2021-07-29T19:50:13Z")

</div>

Absolutely mind-boggling that this isn’t a feature. Industry standard for email layouts is an alternating 50/50 view, and the fact that I have zero control over how content stacks is wild. My emails are 80% open rate on mobile. Drip, Mailchimp, active campaign, literally every other service has a simple “flip content” button when you preview mobile view. Please please please prioritize this.

---

<div class="post-metadata">

**Author:** ![amsteiner](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/amsteiner/32/2679_2.png) [@amsteiner](https://community.hubspot.com/u/amsteiner)\
**Post date:** [August 14, 2021, 3:03pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/13 "2021-08-14T15:03:12Z")

</div>

Yes please! I just got HubSpot and that’s a major limitation.

---

<div class="post-metadata">

**Author:** ![GReinhard](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/greinhard/32/30191_2.png) [@GReinhard](https://community.hubspot.com/u/GReinhard)\
**Post date:** [September 7, 2021, 6:58pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/14 "2021-09-07T18:58:37Z")

</div>

Yes, super important! More specifically, the default layout stacking on mobile I would think is limiting for anyone using layouts in the first place.

\*\*Update : After tooling around a bit, there is a raw html content type and you can apply smart rules to the html, so there is atleast a workaround for the time being.

---

<div class="post-metadata">

**Author:** ![YiRui\_Chua](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/yirui_chua/32/23766_2.png) [@YiRui\_Chua](https://community.hubspot.com/u/YiRui_Chua)\
**Post date:** [September 14, 2021, 6:51am UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/15 "2021-09-14T06:51:09Z")

</div>

Hi team, checking in again for customer:  
Do we have any update on this to enable mobile layout editing for emails?  
Thank you!

---

<div class="post-metadata">

**Author:** ![andyb](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/andyb/32/35312_2.png) [@andyb](https://community.hubspot.com/u/andyb)\
**Post date:** [November 18, 2021, 11:44am UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/16 "2021-11-18T11:44:43Z")

</div>

Yes, please, we really need this live now. HubSpot is way behind most other, much cheaper, tools on the market with this missing feature

---

<div class="post-metadata">

**Author:** ![SheilaHansen](https://avatars.discourse-cdn.com/v4/letter/s/f19dbf/32.png) [@SheilaHansen](https://community.hubspot.com/u/SheilaHansen)\
**Post date:** [December 3, 2021, 4:02pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/17 "2021-12-03T16:02:05Z")

</div>

@hubspot Please implement this must-have feature for mobile layouts. We basically need the options to:  
1) Stack from left to right (default)  
2) Stack from right to left  
3) No stack  
4) Hide on mobile  
In this day and age, email designs should be “mobile-first”, but it makes it difficult to do this with the current limitations in the email editor. It would also be great if we can have a section for Mobile Styles in the Design tab of the email editor, where we can control e.g font-sizes and padding on mobile. For example, if I have paragraph text style set to 14px on a desktop, but wish to increase it to 16px on a mobile.

---

<div class="post-metadata">

**Author:** ![AMunson](https://avatars.discourse-cdn.com/v4/letter/a/eb9ed0/32.png) [@AMunson](https://community.hubspot.com/u/AMunson)\
**Post date:** [January 14, 2022, 5:50pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/18 "2022-01-14T17:50:55Z")

</div>

@hubspot 100% agree, mobile to desktop and vice versa needs to be optimized. If there was a way to lock certain elements on the email for mobile and deskstop so that they don’t jump to another location from one version to the other would be great.

---

<div class="post-metadata">

**Author:** ![CChaudoir](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cchaudoir/32/191983_2.png) [@CChaudoir](https://community.hubspot.com/u/CChaudoir)\
**Post date:** [January 19, 2022, 3:24pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/19 "2022-01-19T15:24:40Z")

</div>

I’m surprised that HubSpot doesn’t have this feature. Optimizing content for both desktop and mobile separately is a huge aspect of a marketer’s job. This seems to be a basic feature that one would just assume HubSpot had because it is part of an important QA process to view how an email design responds and formats on mobile vs desktop. And with most people using mobile phones to check their emails, having the ability to create content for mobile specifically is key. It’s 2022 and not having this feature seems a major oversight, especially considering this was originally an ask in 2019 with update on whether this feature is even a priority or not.

---

<div class="post-metadata">

**Author:** ![JKatz](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jkatz/32/35608_2.png) [@JKatz](https://community.hubspot.com/u/JKatz)\
**Post date:** [January 19, 2022, 10:59pm UTC](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276/20 "2022-01-19T22:59:50Z")

</div>

I’m very disappointed that this has been needed and asked for by the community since early 2020 and here we are, two years later, and nothing. 😞 It’s a very standard ask that so many other platforms offer, there’s really no excuse.

[Next page](https://community.hubspot.com/t/desktop-vs-mobile-email-layout/17276.md?page=2)
