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

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

OgnjenT
Visitor
1 0 0

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!

Replies 3 (3)

Carey13
Tourist
3 0 2

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
Visitor
1 0 0

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

savage21
New Member
4 0 0

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