How to Fix a Missing Viewport Meta Tag on Shopify & WooCommerce

errorThe Problem

Your page is missing a viewport meta tag. This tells browsers how to scale your page on mobile devices. Without it, mobile users see a tiny desktop version of your site that requires pinch-zooming to read.

trending_upWhy It Matters for SEO

Over 60% of ecommerce traffic comes from mobile devices. Google uses mobile-first indexing, meaning the mobile version of your site is what determines your rankings. A missing viewport tag means your mobile experience is broken, which directly hurts both rankings and conversions.

buildHow to Fix It

1
Go to Shopify Admin → Online Store → Themes → Actions → Edit Code.
2
Open layout/theme.liquid.
3
Look in the <head> section for a viewport meta tag. It should look like: <meta name="viewport" content="width=device-width, initial-scale=1">
4
If it's missing, add the code below inside <head>.
5
Save and verify on your phone or using Chrome DevTools (F12 → toggle device toolbar).

folderlayout/theme.liquid (inside <head>)

<meta name="viewport" content="width=device-width, initial-scale=1">

menu_bookRead Google's official documentationopen_in_new

Related Fix Guides

build

How to Fix Slow Page Speed on Shopify & WooCommerce

Your store is too slow. Learn the fastest fixes for Shopify and WooCommerce page speed — image optimization, app audits, caching, and more.

build

How to Fix Missing Image Alt Text on Shopify & WooCommerce

Fix missing image alt text on your ecommerce store. Boost Google Image search traffic and accessibility with proper alt attributes on product images.

Want to check if YOUR store has this issue?

Scan your site for free — get copy-paste fixes in 60 seconds.

searchScan Now — It's Free