Add a proper viewport meta tag

10 min Impact: high Effort: low ✓ Scan-verified — no manual checkbox

The viewport meta tag tells mobile browsers how to scale your page — without it, phones default to rendering the page as if it were a full desktop-width layout and then zooming out, making everything tiny and forcing visitors to pinch-zoom just to read anything.

Without a correct viewport tag, mobile browsers render your desktop layout shrunk down instead of adapting it — the single most common cause of a site failing mobile-friendliness entirely.

How to fix it

1

Add the viewport meta tag

<meta name="viewport" content="width=device-width, initial-scale=1"> in the head of every page.
2

Confirm it's not accidentally disabling zoom

Avoid user-scalable=no or a fixed maximum-scale — blocking pinch-zoom is an accessibility problem for users who need it.

Common mistakes

This single tag is foundational to mobile rendering — without it, no amount of responsive CSS actually works correctly, since the browser is scaling the whole page down as if it were desktop-sized first.

How you'll know it's done

Every page includes a correct, non-restrictive viewport meta tag.

H.I.V.E. checks this automatically

Fix it, then re-scan — the check confirms itself. No manual checkbox, the scan is the truth.

Run this check in H.I.V.E. →

Add a proper viewport meta tag

How to fix it

Common mistakes

How you'll know it's done

Related checks

H.I.V.E. checks this automatically