How to fix meta viewport large on WooCommerce

Steps for WooCommerce

1. In WordPress Admin, go to Appearance → Theme File Editor (or use a file manager / SFTP).
2. Open your active theme's header.php file.
3. Search for `<meta name="viewport"` and update the content attribute as described in the generic steps.
4. If your theme does not show header.php in the editor, use a child theme — create or open your child theme's header.php and override the tag there.
5. Alternatively, install a plugin such as 'Simple Custom CSS and JS' or 'Code Snippets' and use wp_head hook to output a corrected viewport tag (then ensure the original tag is removed from header.php).
6. Save and check the rendered source on mobile to confirm only one viewport tag exists.

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

What is meta viewport large?

Every website has a small snippet of HTML called the viewport meta tag that tells mobile browsers how to display the page. One of the settings in that tag — `maximum-scale` — can be used to cap how far a visitor is allowed to zoom in. When this value is set to `1` (or any value below `5`), it overrides the browser's built-in zoom and physically prevents users from enlarging text or images. In other words, the code is telling the phone "do not let the visitor make anything bigger, no matter what." This is a WCAG (Web Content Accessibility Guidelines) accessibility failure under Success Criterion 1.4.4 (Resize Text).

Roughly 1 in 4 adults has some form of disability, and many rely on pinch-to-zoom to read small product descriptions, prices, and checkout forms. Blocking zoom makes your store effectively unusable for those customers — directly costing you sales. Beyond lost revenue, WCAG compliance is increasingly a legal requirement in the US (ADA), EU (European Accessibility Act, effective 2025), UK, and Canada; accessibility lawsuits against ecommerce stores have risen sharply. Google also factors mobile usability into rankings, and a store that fails accessibility audits can see depressed organic traffic. Fixing this is one of the fastest, lowest-risk accessibility wins available.

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