How to Fix Missing Viewport Meta Tag
What it is
The viewport meta tag tells phones and tablets how wide to draw your page. Without it, mobile browsers often show a tiny zoomed-out desktop layout.
Why it matters
- Most visitors browse on phones, so mobile display matters.
- Without the tag, text may be tiny and need pinching to read.
- It is a one-line fix in most cases.
How to fix it
- Add the viewport tag to the head of your page.
- Check that your layout actually adapts to small screens (responsive CSS).
- Test on a phone or with your browser mobile preview.
- Re-scan to confirm.
Platform tips
| WordPress | Most modern themes include it. If yours does not, switch to a current responsive theme or add the tag in header.php inside wp_head. |
|---|---|
| Wix | Wix adds it for mobile-optimised sites automatically; check that the mobile editor view is enabled. |
| Squarespace | Squarespace 7.0 and 7.1 templates include it by default. If missing, check for custom code injection overriding the head. |
| Shopify | Current Shopify themes include it in theme.liquid. Check Online Store > Themes > Edit code > layout/theme.liquid. |
| Plain HTML | Add <meta name="viewport" content="width=device-width, initial-scale=1"> inside the <head>. |
Related guides
Disclaimer: This guide is general, informational advice only and is not legal, medical, financial, compliance or professional advice. Menu names on platforms change over time; check the platform's own help if something looks different.