Fix guide

Fix the mobile viewport tag on your restaurant website

Your site shows up zoomed out on a phone, or it blocks guests from pinching to zoom in on your menu.

Why it matters

The viewport tag tells a phone how wide to draw the page. Missing, the page renders at desktop width and shrinks. Set with user-scalable=no, it stops guests with less-than-perfect eyesight from zooming into your menu.

How to fix it

Copy the tag below.
Replace any existing viewport tag in your <head> — there should only be one.
Never add user-scalable=no or maximum-scale=1.

The code

This is the fix our audit generated for a sample restaurant. Run the audit on your own site and the fix pack fills in your name, address, phone and hours for you. Anything in CAPITALS is a value we couldn’t find — fill it in, never guess.

html

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

Where it goes: Replace any existing viewport meta tag in the <head>.

Where to paste it on your website builder

Toast Websites: Toast Websites does not allow custom <head> code. Ask Toast support to add it, or move the site to a platform you control.
Popmenu: In Popmenu, most of this is set under Website → SEO. Ask your Popmenu rep for custom head code if the field is missing.
BentoBox: In BentoBox, go to Settings → SEO, or Settings → Custom Code for anything that needs raw HTML.
Square Online: In Square Online, go to Website → Settings → Advanced → Custom code → Head.
Squarespace: In Squarespace, go to Settings → Advanced → Code Injection → Header.
Wix: In Wix, go to Settings → Custom Code → Add Custom Code, and set it to load in the Head.
Shopify: In Shopify, go to Online Store → Themes → Edit code → theme.liquid, and paste just before </head>.
Webflow: In Webflow, go to Project Settings → Custom Code → Head Code, then publish.
GoDaddy Website Builder: GoDaddy Website Builder has limited custom code. Use the built-in SEO fields under Settings → SEO first.
Duda: In Duda, go to Settings → Head HTML.
WordPress: In WordPress, use an SEO plugin (Yoast or Rank Math) or add it to your theme’s header.php via Appearance → Theme File Editor.

More fixes

Not sure which of these you need? Work through the checklist or run the free audit below.

Check your own site

Free score, plain-English report, and the code to fix it. About a minute.