How to fix meta viewport large on OpenCart

Steps for OpenCart

1. Open catalog/view/theme/<your-theme>/template/common/header.twig (OpenCart 3+) or header.tpl (OpenCart 2).
2. Find `<meta name="viewport"` and correct the content attribute.
3. Save and refresh your storefront cache.

<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.