Let customers zoom in on your site

Paste your viewport tag. See if it blocks pinch-zoom.

Open your home page, right-click, choose View Page Source, and copy the line with viewport in it (or paste the whole top of the page). Nothing you paste leaves your browser.

Result: Pinch-zoom is blocked on many phones.

  • Change “user-scalable=0” tells phones to switch pinch-zoom off. Remove it.
  • Change “maximum-scale=1.0” stops zoom at normal size, so pinching does nothing. Remove it.

Use this line instead:

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

Rather not open your page’s code? Type your address instead; the free scan checks this too.

One line in the page’s code

104 of the 546 local business websites we scanned told phones not to allow zoom. When we checked again, 99 still did. Customers who need bigger text to read a menu, a price or an address can’t pinch to enlarge it.

iPhones have ignored this setting since 2016 and let people zoom anyway. Chrome on Android follows it, unless the owner of the phone has turned on its “force enable zoom” setting.

From our own scans in October 2026. We picked these sites because each had at least one serious issue, so the numbers describe sites with problems, not every site.

What to remove

Two settings block zoom. Removing them changes nothing else about how the page looks.

  • user-scalable=no or user-scalable=0

    Turns pinch-zoom off. On 57 of the 99 sites.

  • maximum-scale=1

    Caps zoom at normal size, so pinching does nothing. On 88 of the 99 sites; 42 had only this one.

  • What to keep

    width=device-width, initial-scale=1 makes the page fit the phone’s screen and leaves zoom on.

Where to change it

Your website builder or theme usually writes this line, not you. 58 of the sites ran WordPress.

  • WordPress

    Check the theme’s settings (Appearance → Customize, or the theme’s own options page) for “disable pinch zoom” or “mobile zoom” and turn the block off. No setting? Ask your developer to remove maximum-scale=1 and user-scalable=no from the viewport line in the theme’s header. It is a one-line change.

  • Shopify

    Online Store → Themes → (…) → Edit code → layout/theme.liquid. Find the line with name="viewport" and delete maximum-scale=1 and user-scalable=no. Save. Not comfortable editing code? This is a one-line change any Shopify developer can make.

  • Square Online

    All 21 Square Online sites we checked had maximum-scale=1. Square adds it to every site and the editor has no setting for it, so there’s nothing for you to change; you can ask Square support to allow zoom.

  • Built by a developer

    Send them the fixed line from the checker above. It goes in the page’s <head>, usually in a header file shared by every page.

Want it done for you?

A person fixes the 10 most important issues on your site, then re-scans to show the change.

We fix your top 10

$149one-time

Easiest first step

Done for you. We fix the 10 most important issues from your scan, then re-scan to show the change.

  • Fixes made by a person, not a widget
  • Works with WordPress, Squarespace, Wix, Shopify & more
  • Before-and-after report
  • Anything we can’t change on your platform comes with step-by-step instructions
Get my top 10 fixed (We fix your top 10 plan)

See all plans

Check the rest of your home page

The free scan checks zoom along with photo descriptions, icon links, embeds and forms. Faint text needs the contrast checker. Automated scans catch a portion of accessibility issues and are not a legal compliance certification.