How do I make my emails mobile-friendly?
Still have a question, spotted an error, or have a better explanation or a source we should cite?
More people open emails on their phones than on desktops now. So if your emails don't work on mobile, they're broken for most of your subscribers. The good news? Making emails mobile-friendly isn't complicated once you know what to focus on.
Start with text size. Your body text needs to be at least 14px, and 16px is better. Anything smaller and people either can't read it or they'll zoom in, which breaks your layout. Set that number and stick with it.
Next, buttons and clickable elements. A button that's 30x30 pixels might look fine on desktop, but on mobile your subscribers will miss it or accidentally click the wrong thing. Make every tap target at least 44x44 pixels. This gives your thumbs a real target.
Layout matters more on mobile than anywhere else. Keep your core content in a single column. Multi-column layouts fall apart on small screens. Save them for desktop only using responsive email fundamentals.
Subject lines are different on mobile too. You've got way less space before the preview gets cut off. Keep subjects short and put the important part first. "Your order shipped" beats "We wanted to let you know your recent order has been shipped."
Top-load your content. Mobile readers scroll less than desktop readers. Put your call to action and key information at the top. Save the supporting details for below.
Testing is essential. Desktop can look great while mobile looks broken. Use email client rendering tools like Litmus or Email on Acid to see how your emails actually look on real phones and devices.
The easiest path? Start with responsive email templates built for mobile first. Then customize from there. You'll save yourself hours of debugging later.
Contributors
Who worked on this answer
Every name links to their profile. Every company links to their site. Real people, real accountability.
