How to choose a mobile-friendly WordPress theme

Key takeaways

A mobile friendly WordPress theme is one that stays fast, readable and easy to tap on a phone once your own content is in it. Every theme claims to be responsive. The difference between a good one and a poor one shows in page weight, menu behaviour and how much it depends on a page builder, all of which you can check on the demo before paying.

• Every modern theme is 'responsive'. That label tells you almost nothing.
• Test the theme's demo on a phone and in PageSpeed Insights before buying.
• Themes bundled with sliders, builders and dozens of features are usually heavy.
• Check the theme has been updated in the last few months.

What makes a WordPress theme mobile-friendly?

A WordPress theme is the set of templates and styles that controls how a WordPress site looks. A mobile-friendly theme produces pages that load quickly on mobile data, use readable text sizes, give controls enough room for a thumb and keep the same content on small screens as on large ones.

Responsive layout is the minimum. Themes differ far more in what they load. Two themes can show an identical-looking page while one sends a phone five times as much code. That difference decides whether your site passes Core Web Vitals on mobile, and it is set the day you choose the theme.

• Why mobile-friendly web design is essential for UK businesses
• What is responsive web design? A plain-English guide

Which seven checks should you run on the demo?

Run these on the theme's live demo, using a phone and a laptop, before you buy or install anything. Twenty minutes here saves a rebuild later.

• Open the demo on a phone over mobile data: does the first screen appear within about 3 seconds?
• Run the demo URL through PageSpeed Insights on the mobile tab and note the result.
• Open the menu with a thumb: is it easy to open, read, use and close?
• Read a text-heavy page: is body text at least 16px with comfortable spacing?
• Fill in the demo's contact form on a phone: do fields zoom or misbehave?
• Check a page with a table or gallery for sideways scrolling.
• Rotate the phone and try a tablet width for awkward layouts.

• Why is your mobile PageSpeed score lower than desktop?
• Font size for mobile websites: what is readable?

What are the warning signs of a heavy theme?

The warning sign is a long feature list. Multipurpose themes that promise hundreds of demos, built-in sliders, animation effects, mega-menus and a bundled page builder load code for all of it whether you use it or not. On a laptop you will not notice. On a mid-range phone you will.

• '500+ demo sites' or 'the only theme you will ever need'.
• A required page builder plugin and several bundled premium plugins.
• Demos that open with a slider or a video background.
• Scroll animations on every section.
• A demo that already scores poorly on mobile, before your content is added.
• No updates in the past six months, or support forums full of unanswered posts.

• Is your page builder slowing your website down?
• Outdated WordPress plugins: when they mean a rebuild

Are block themes better for mobile?

Often, yes. Block themes use WordPress's own editor for layout instead of a third-party page builder, so they tend to load less code. The default themes that ship with WordPress are block themes and are deliberately lean. They are a sound starting point for a small business site.

They are not automatically fast. A block theme stuffed with large images, a dozen plugins and several font families will still be slow. The theme sets the baseline. What you add decides the result.

• Optimise website images for speed and search

What does a theme cost, and what does a bad choice cost?

Themes themselves are cheap: many good ones are free, and premium themes typically cost tens of pounds a year. The real cost is what follows. A heavy theme can mean an indicative £500 to £3,000 of optimisation work to make it acceptable on mobile, and in the worst cases a rebuild in the £5,000 to £20,000 range to escape it.

A custom theme built by an agency costs more upfront and contains only what your site needs. For a business that depends on its website for enquiries, that is often the better long-term value. For a new or very small business, a lean off-the-shelf theme is entirely reasonable.

• how much a business website costs in the UK
• Agency, freelancer or website builder?

When is the theme not the problem?

Often. If your current WordPress site is slow on mobile, check the content and plugins before blaming the theme. A 3MB hero image, an unoptimised gallery, three analytics plugins and a chat widget will slow any theme. Changing theme is disruptive, so rule out the simpler causes first.

Switching themes also carries risk. Layouts built with one theme's tools may not carry over, and a careless switch can remove content or change page addresses. Treat a theme change on a live site as a small project, with a staging copy and a check of every template.

• Slow website: fix it or rebuild it?

What does this look like in practice?

A pattern we see with self-built WordPress sites: the owner chose a popular multipurpose theme because the demo looked impressive on a laptop. Two years on, the site loads a slider library, an animation library, two icon sets and a page builder on every page, and mobile visitors wait several seconds for the first screen.

No amount of image compression fully fixes it, because the weight is in the theme. Global Bridge Labs (GBL) runs the seven demo checks before recommending any theme, and for most small business builds starts from a lean base and adds only what the site uses.

• See client work
• Website Design & Development for UK businesses
• Make your website work properly on mobile

Next step

Before you choose a theme, open its demo on your phone with Wi-Fi off. If the demo, which is the theme at its best, feels slow or fiddly, your finished site will be worse.