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

Highlighted
New Member
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!

0 Likes
Highlighted
Tourist
3 0 1

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

1 Like