Menu icon Foundation
How to disable zoom on small screens only?

I have a responsive site that can deal with small, medium and large screen sizes. When I detect a small screen size I show the tabbar along with the "burger" menu button. However, you can zoom in and out which can hide the menu button. How can I prevent the user from zooming on small screens only?

Thanks,
Cathal.

disablezoomsmallmobiledevice

I have a responsive site that can deal with small, medium and large screen sizes. When I detect a small screen size I show the tabbar along with the "burger" menu button. However, you can zoom in and out which can hide the menu button. How can I prevent the user from zooming on small screens only?

Thanks,
Cathal.

Brandon Arnold over 3 years ago

You can check it out here in the viewport tags. User-scalable="no" should do it

https://css-tricks.com/snippets/html/responsive-meta-tag/