Skip to content
ShopifyRule: meta-viewport•Reviewed Oct 2026

Enable zooming and scaling on mobile viewports in Shopify

Do not disable user zooming with `user-scalable=no` or `maximum-scale=1.0`.

What's wrong

Disabling pinch-to-zoom on mobile devices prevents customers with low vision from reading product details.

Who it affects

Users with low vision who rely on browser zoom cannot enlarge text or photos.

How to fix on Shopify

In `layout/theme.liquid`, set `<meta name="viewport" content="width=device-width, initial-scale=1">`.

Code example

Problematic Code
LIQUID
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Recommended Accessible Code
LIQUID
<meta name="viewport" content="width=device-width, initial-scale=1">

How to check your fix

Open the storefront on a mobile device and pinch to zoom in. Verify the page enlarges smoothly.

Check if your site has this issue

Scan any public store page free against WCAG 2.2 AA in 30 seconds.

Your session has ended

Sign in again to carry on. Anything you typed on this page is kept.

Signed in another way? Use another method (opens a new tab)