Mobile vs Desktop Email Design: Let Your Device Split Decide

Most advice on mobile vs desktop email design starts with an industry average and tells you to design for it. Industry averages are a useful nudge. They are not your audience. The layout decision should come from your own data, and you almost certainly have it already.

Should you design emails for mobile or desktop?

Design for the device most of your own subscribers use, which you can see in your campaign reports. If most of your audience opens on phones, design mobile-first and make sure the email still works on desktop. If your audience is mostly on desktop, as some B2B lists are, you have more room for wider layouts. Either way, the email must still work on the other device.

What the industry data says

Litmus's email client market share data for September 2026, based on more than 1.5 billion opens, attributed 76.56% of tracked opens to Apple and 16.10% to Gmail, and noted that mobile continues to be the primary reading environment for most subscribers.

Two caveats matter. Apple's figure includes Apple Mail on Mac as well as iPhone and iPad, and it is inflated by Mail Privacy Protection, which registers opens automatically. So the industry picture tells you mobile matters, but not by how much for your list. That's what your own reports are for.

How to read your own device split

Open the reports for your last few campaigns and look at the device breakdown. Then ask three questions:

  1. What's the majority? That's the device you design for first.
  2. Does it differ by campaign type? A weekday B2B newsletter and a weekend promotion can have very different splits.
  3. Is it changing? Check once a quarter. Audiences shift, and your default layout should shift with them.

What mobile-first email design looks like in practice

If most of your subscribers read on their phones, build for a small screen and a thumb:

  • Single column by default. Multi-column sections should stack cleanly.
  • Larger text. Body copy that's comfortable on a desktop can be a squint on a phone.
  • A call to action high up. Don't make the most important button the last thing in a long scroll.
  • Generous tap targets. Buttons need space around them so people hit the one they meant.
  • Short subject lines and preview text. Mobile inboxes truncate sooner.

When desktop-first makes sense

Some audiences, particularly professional ones reading at work, skew towards desktop. If your reports show that, you can use wider layouts, side-by-side comparisons and more detailed product grids with confidence. Just test the mobile view before sending, because your minority still matters.

Don't forget dark mode

Device isn't the only reading setting that changes how your email looks. Litmus's guide to dark mode reported that an average of 35% of tracked opens used dark mode in 2022, and email clients handle it in three different ways: some make no colour changes, some partially invert light backgrounds, and some fully invert both light and dark areas.

The practical fixes, also recommended by Litmus, are simple:

  • Use transparent logos with a subtle outline or glow so dark elements stay visible.
  • Choose midtone colours with good contrast on both light and dark backgrounds.
  • Avoid putting important text inside images, where clients can't adjust it.

Preview every email in dark mode before you send. It takes seconds.

Your device-split checklist

  1. Check the device breakdown in your last three campaign reports.
  2. Decide which device you're designing for first.
  3. Set your layout to match, and preview the other device anyway.
  4. Make sure the call to action appears early on the main device.
  5. Preview in dark mode before every send.

How Mail Blaze approaches this

Mail Blaze is an email marketing platform built for teams who want more from email. It is designed around email engagement: helping businesses build audiences that open, click, reply and come back.

Mail Blaze campaign reports show your audience's device split, and the email builder lets you design for desktop and mobile, desktop only, or mobile only, with a dark mode preview toggle to check how your email looks before it goes out. Our walkthrough on how to create an email with AI shows these checks as part of building a real campaign, and our article on email brand consistency covers keeping your design recognisable on every screen.

Check the device split in your last campaign report, then build your next email to match. New to Mail Blaze? Start Your Free Trial: 14 days, all features, no credit card required.

P.S. If your reports show a split you're not sure how to design for, send it our way. Our team is here seven days a week on call, chat and email.

Frequently asked questions

Do most people read emails on mobile?

For most audiences, yes. Litmus reports that mobile continues to be the primary reading environment for most subscribers. Your own campaign reports will show your exact split.

What is mobile-first email design?

Mobile-first email design means building the email for a phone screen first, with a single column, larger text, an early call to action and easy-to-tap buttons, then checking that it still works on desktop.

How do I find out what devices my subscribers use?

Look at the device breakdown in your campaign reports. Check several campaigns, since the split can vary by email type and time of sending.

Why does my email look different in dark mode?

Email clients handle dark mode differently. Some leave your colours alone, some darken light backgrounds, and some invert colours completely. Previewing in dark mode before sending lets you fix logos and text that might disappear.

Still haven't found what you are looking for?

Book a demo with us and see Mail Blaze in action, or reach out to our support team for expert assistance. We're here to help you every step of the way!

BOOK A DEMO