Zooming and scaling must not be disabled
Estimated effort: about 5 minutes.
Some sites disable pinch-to-zoom on mobile by setting user-scalable=no or a very restrictive maximum-scale in the page's viewport meta tag, often to stop the browser from auto-zooming into a form field on focus. This also blocks low-vision visitors from zooming in to read text or find checkout buttons on their phone, which they legitimately need to do.
How to fix it
- Find the <meta name="viewport" content="..."> tag in the page's <head> (rendered by the active theme).
- Remove user-scalable=no from the content attribute if present.
- If a maximum-scale value is set, make sure it is not less than 2 (maximum-scale=1 or maximum-scale=1.0 still blocks meaningful zoom, even without user-scalable=no).
- A safe, commonly used value is content="width=device-width, initial-scale=1" with no user-scalable or maximum-scale restriction at all.
- Reload the page on a mobile device or emulator and confirm pinch-to-zoom now works, including on checkout and cart pages.
Before and after
Before
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
After
<meta name="viewport" content="width=device-width, initial-scale=1">