How to fix meta viewport on Webflow

Steps for Webflow

1. In the Webflow Designer, open Project Settings (the gear icon in the top toolbar).
2. Go to the Custom Code tab.
3. In the Head Code section, check whether a custom <meta name="viewport"> tag has been added — if it contains `user-scalable=no`, remove that parameter.
4. Webflow's default platform-generated viewport tag does not include `user-scalable=no`, so if the issue exists it was likely added manually in custom code — simply delete or correct it.
5. Publish your site after saving.

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.