How to fix meta viewport on Adobe Commerce (Magento)

Steps for Adobe Commerce (Magento)

1. Via SFTP or your server's file manager, locate the root layout file for your active theme: app/design/frontend/<Vendor>/<theme>/Magento_Theme/layout/default_head_blocks.xml or the base theme equivalent at vendor/magento/module-theme/view/frontend/layout/default_head_blocks.xml.
2. Alternatively, search all theme files for 'user-scalable' to find where the viewport tag is set.
3. Edit the relevant .phtml or layout XML file to remove `user-scalable=no` from the viewport content string.
4. Run bin/magento cache:flush after saving to clear the full-page cache.
5. Verify the change is live by viewing page source on mobile or in DevTools.

What is meta viewport?

Every web page typically includes a small HTML tag called the "viewport meta tag" that tells mobile browsers how to display the page. Two parameters inside that tag — `user-scalable=no` and `maximum-scale=1` (or any value less than 5) — completely prevent visitors from pinching to zoom in on your content. WCAG Success Criterion 1.4.4 ("Resize Text") requires that text can be resized up to 200% without losing content or functionality. Blocking zoom is a direct violation of that requirement. The fix is simply to delete those two parameters (or raise `maximum-scale` to at least 5) and let the browser's default zooming work normally.

Millions of people with low vision rely on pinch-to-zoom to read small text on mobile screens — including product descriptions, prices, checkout forms, and legal notices. Blocking zoom makes your store effectively unusable for those shoppers, causing lost conversions and cart abandonment. Beyond lost sales, WCAG 1.4.4 is referenced in accessibility laws in the US (ADA, Section 508), EU (EAA), UK (PSBAR), and elsewhere — meaning a blocked-zoom viewport tag is a documented, easy-to-prove accessibility violation that appears in demand letters and lawsuits with growing frequency. Fixing it takes less than five minutes and has zero negative impact on your site's design or performance.

See the complete Meta viewport guide for every platform and the full background.