How do I fix general mobile zoom on Shopify?

RyanPavlik · ‎04-21-2024

When I go to my Shopify store on my iphone, I can zoom out of the width of the template. How do I disable the pinch zoom out on the mobile shop or any zoom out? I don't want people to go into my store on their iPhones and be able to zoom out of the store and there be white space to the right of the store template.

The top image of this page is exactly what I'm seeing when I zoom out (except you can zoom out much farther then what is seen in the image): https://community.shopify.com/c/shopify-design/home-page-zoom-in-in-mobile-looks-bad-how-i-can-fix-i...

Here is my shop link: https://viralityinc.myshopify.com/

Please help if you see this.

EcomGraduates · ‎07-23-2024

To prevent zooming out on your Shopify store, you can add a meta tag to your theme’s HTML. This tag will help control zooming on mobile devices.

Here's a quick fix: In your Shopify admin, go to Online Store > Themes > Actions > Edit code. Find the <head> section of your theme's theme.liquid file, and add this line:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

This should help keep your store from zooming out on mobile devices.

 If this fixed your issue, likes and accepting as a solution are highly appreciated
|  Build an online presence with our custom-built Shopify Theme: EcomifyTheme
|  Check out our reviews: Trustpilot Reviews
|  We are Shopify Partners: EcomGraduates Shopify Partner

ellacoker · ‎02-19-2025

hello, i have this same problem. this code doesnt seem to work for me. please see screenshots

URL: samiyaskincare.com.au

I have tried both above and below the head section

ellacoker · ‎02-19-2025

Here is my whole code theme.liquid

How do I fix general mobile zoom on Shopify?

How do I fix general mobile zoom on Shopify?

Community Blog Articles