Disabling any kind of zoom in / zoom out on Mobile and Desktop

Site URL: https://crocodile-denim-dj9g.squarespace.com/new-page

Hi

I cannot find any info on how to disable zoom on my page

For example zara.com  does not allow to zoom in and zoom out. I would love to make my page with the same function

https://crocodile-denim-dj9g.squarespace.com/new-page

Pass: 2021lp

7 minutes ago, MEEE said:

Site URL: https://crocodile-denim-dj9g.squarespace.com/new-page

Hi

I cannot find any info on how to disable zoom on my page

For example zara.com  does not allow to zoom in and zoom out. I would love to make my page with the same function

https://crocodile-denim-dj9g.squarespace.com/new-page

Pass: 2021lp

RPReplay_Final1637896829.mov

Try to add this meta tag into code injection header

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

10 minutes ago, bangank36 said:

Try to add this meta tag into code injection header

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

 

Didn't work :(((

4 hours ago, MEEE said:

Hi

I cannot find any info on how to disable zoom on my page

For example zara.com  does not allow to zoom in and zoom out. I would love to make my page with the same function

https://crocodile-denim-dj9g.squarespace.com/new-page

Pass: 2021lp

RPReplay_Final1637896829.mov

Hi @MEEE try to add this in Header Injecton:

<script>
  document.querySelector("meta[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0");
</script>