How to disable general zoom on mobile version of my store?

[OgnjenT]

Hi! I would like to disable the zoom on the phone version of my store. While looking for a solution on the internet, I only found how to disable zoom of the product images, but I don't want that, I want to disable the zoom in general (I mean that nothing can be zoomed in). Please help!

[Carey13]

Hi,OgnjenT. I have some advice on how to achieve this. You can disable zoom for mobile by editing the Meta Viewport tag. (That is an HTML tag in the header of your theme.) If you are using the Debut theme, for example, here’s how you could do it:

1. In your store Admin go to Themes > Actions > Edit Code
2. Open theme.liquid (it’s in the Layout folder)
3. The Meta Viewport tag will be near the top. On my site, it is on line 6. Add this text: "user-scalable="no"

example:

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

Good luck!

Thanks,
Carey

[Ritessh]

hi, i am using minimal theme in which i cannot find viewport tag inside theme.liquid

[savage21]

Hi, does code works the same for Trade Theme? I would also like to disable all sorts of zoom on my website. Thanks

[autoxmatch]

Hi this code is not working for me. I am able to zoom out from my iphone device. Can you help me ? 

[awebsite_owner]

You can disable zoom on product.
You go for theme, customize store,
Then find your product item page and on the customize field

look for word (( Image zoom )) and click no zoom
here is a video on how to solve it called 

How to Disable Product Image Zoom on Shopify (youtube.com)