Hi, I have created a simple Media Instant App with Zoom Controls and Home buttons. When viewing the app on a mobile device the zoom controls disappear, leaving just the Home button. I get the same results with a Basic and a Sidebar app.
I've reported this to ESRI who say it is expected behaviour and have closed the case. Looking further, Experience Builder and Dashboard apps keep the Zoom Control buttons.
Much appreciated if anyone has any ideas or experiencing the same issue.
Solved! Go to Solution.
We did have logic to hide the zoom controls on mobile but we are looking at a different approach in the future. You can add this to the Custom CSS section of the app configuration to ensure the zoom controls display on mobile
.esri-zoom{
display:block !Important;
}
Hi,
I imagine the assumption is that on a mobile device people will be using pinch zoom gestures to zoom in and out. Although, as you spotted, it's inconsistent across the different products, so if you really need to keep the +/- zoom control in the mobile layout, you could recreate your Instant App as an Experience.
We did have logic to hide the zoom controls on mobile but we are looking at a different approach in the future. You can add this to the Custom CSS section of the app configuration to ensure the zoom controls display on mobile
.esri-zoom{
display:block !Important;
}
Thanks Kelly for your help, that has solved my issue 🙂