7 essential rules for writing mobile-friendly marketing emails

01Why mobile is the default, not the edge case

Roughly 60 to 70% of email opens as of 2026 happen on a mobile device, depending on your audience and industry, which means designing for desktop first and hoping it holds up on a phone has the priority backwards. If an email looks great on a 27-inch monitor and breaks on an iPhone, you've optimized for the smaller share of your readers.

The good news is that mobile friendly email design isn't complicated once you know the handful of rules that actually matter. Most of it comes down to width, size, and restraint.

02The rules of mobile friendly email design

Here are the seven I'd prioritize, roughly in order of impact.

1. Keep width around 600 pixels. This has been the safe standard for years and still renders cleanly across nearly every client and screen size.
2. Use a single column layout. Multi-column designs that look organized on desktop often collapse or overlap on smaller screens, especially in clients with limited responsive support.
3. Set body text at 14 to 16 pixels minimum. Anything smaller forces readers to pinch and zoom, and most won't bother, they'll just delete.
4. Make tap targets at least 44 by 44 pixels. Buttons and links need enough space around them that a thumb can hit them accurately on the first try.
5. Front-load the point in the first line or two. Mobile preview panes show less text than desktop, so the value needs to show before the reader has to tap in.
6. Use a single, obvious call to action. One clear button outperforms three competing links, especially on a small screen where visual hierarchy is harder to establish.
7. Leave real whitespace between sections. Cramped emails are harder to scan on a small screen, and whitespace does a lot of the organizing work that a sidebar or column would do on desktop.

03Images and load time on mobile connections

Heavy images slow load time more noticeably on mobile data connections than on a desktop wifi connection, and a slow-loading email gets abandoned before the reader ever sees the offer. Compress images before sending, and don't rely on a single large image to carry the whole message, since many mail clients block images by default until the reader taps to load them.

Always write real alt text for every image, both for accessibility and because it's what a reader sees during the gap before images load, which on mobile can be the entire time they're glancing at the email.

This is also where the text-to-image balance matters for reasons beyond design. An email that's almost entirely one large graphic, with no real text underneath it, reads as thin content to some spam filters, on top of being unreadable to anyone with images turned off. I'd aim for a layout where the message still makes sense with every image stripped out, buttons included, since that's roughly what a chunk of your mobile readers are actually seeing by default.

04Testing across real mail clients

Gmail, Apple Mail, and Outlook all render email differently, and the differences show up more on mobile than desktop because screen constraints expose layout problems that get hidden on a wider viewport. Send a test to yourself on at least an iPhone running Apple Mail or Gmail's app, and an Android device running Gmail, before every send that involves a layout change.

Apple Mail in particular has its own quirks worth knowing about if a meaningful share of your list uses iPhones, which I've covered in Apple Mail privacy protection impact, since it affects more than just design, it changes what your open rate data even means.

And if you're deciding between a heavily designed HTML template and something closer to plain text, mobile rendering is part of that decision too, since simpler layouts have fewer things that can break on a small screen. I get into that tradeoff directly in plain text vs html email.

05Common questions

What's the ideal email width for mobile?

Around 600 pixels wide is the long-standing safe default, since it renders well across both desktop and mobile clients without needing separate templates for each.

Do I need a separate mobile version of my email?

Not usually. A responsive, single-column template built with mobile as the priority will hold up fine on desktop too, so you rarely need two separate designs.

How big should buttons be for mobile taps?

Aim for at least 44 by 44 pixels of tappable area, including padding around the visible button, so a thumb can hit it accurately without zooming in first.

Does mobile friendly design affect deliverability?

Not directly, but it affects engagement, and engagement affects deliverability. An email that's hard to read on mobile gets deleted or ignored faster, which lowers the engagement signals mailbox providers use to judge your sender reputation.