Skip to main content
All website issues
Technical Health

Page is missing mobile display settings

What this means for your business

Your page isn't configured correctly for mobile devices. It may appear zoomed out, broken, or cut off on phones and tablets — which is where the majority of today's web traffic comes from.

How to fix it
Easy
5 minutes

  1. 1Add this line to the <head> of your HTML if it's missing: <meta name="viewport" content="width=device-width, initial-scale=1">
  2. 2Do not set user-scalable=no or maximum-scale=1 — this prevents users from zooming, which is an accessibility violation and penalised by Google.
  3. 3After adding the tag, test by opening the page on your phone — it should look properly sized and readable without needing to zoom out.
  4. 4If your page already has a viewport tag but it's misconfigured, look for unusual values in the content attribute and replace with the standard one above.

On WordPress

This tag is included in all modern WordPress themes. If it's missing, your theme is outdated — consider upgrading to a current theme. You can also add it manually to your theme's header.php file.

On Shopify

All Shopify themes include the viewport tag. If this issue appears, check for a custom theme modification that may have removed it from the theme.liquid file.

Does your site have this problem?

SiteSprout scans your site, tells you which issues you actually have in plain English, and keeps watch so nothing breaks silently.

Scan your site free