Zoom controls unavailable when ArcGIS Instant Apps is used on mobile device

Description

When opening a web map in ArcGIS Instant Apps on a mobile browser, the zoom controls are unavailable in the Attachment Viewer, Nearby, Sidebar, and Zone Lookup templates.

The image below shows the zoom controls are unavailable when using the ArcGIS Instant Apps Sidebar template on a mobile device.

Cause

The zoom controls do not appear on mobile devices because pinch-zoom offers a more intuitive and space-efficient way to navigate the map. The zoom controls availability also depends on the template used, as some templates do not include zoom controls by default.

Solution or Workaround

1. Log in to ArcGIS Instant Apps and click the My Apps tab.
2. Navigate to the app and click Configure .
3. In the configuration panel, toggle Express off to access the app’s full configuration settings.

4. In the Turn off express mode window, click Continue. Disabling express mode allows for more custom configuration of the app.

5. Click Theme & Layout and select Theme.

Note:
Optionally, click Search settings and type Custom CSS. The Theme & Layout panel is displayed.

6. Under Theme, click Edit in the Custom CSS section.

Warning:  
Updates to the source template in ArcGIS Instant Apps may impact an app's custom CSS.

7. In the Custom CSS window, paste the following CSS code to add the zoom controls in the desired template.

.esri-zoom{
display:block !Important;
}

8. Click Close to run the CSS code.
9. Click Publish to save the configuration.

The image below shows the zoom controls are now available when the ArcGIS Instant Apps Sidebar template is opened on a mobile device.