There is a way to show zoom in/out on pc viewer display but not show when acessing via mobile

Question

I use a template that is made for desktop, in which the zoom in feature is quite handy, but when i open in mobile (it works pretty well too), but the viewer display get a little clunky, the clickable SVG logo (a bit big on the x axis) goes to a second line on top and gets too close to TOC button.

This menu issue would solve itself by not having the zoom in/out icons, since this zooming can be made by the device's zoom. There is a way to tell the file to not show these icons when in mobile?

Answer 1

Justin said that it would require CSS with media query. I'm checking with our developer for that. I'll let you know when I get more information.

Comments

Our developer said that you can add the following CSS to hide the Zoom in and Zoom out buttons on mobile: 

@media all and (max-width:780px) {
	#opt-zoom-in-btn, #opt-zoom-out-btn {
		display: none !important;
	}
}