Feature pop-up attributes in an ArcGIS Web AppBuilder application are not displayed on mobile devices

Description

When displaying a pop-up for a feature in an ArcGIS Web AppBuilder application on a mobile device, only the title is displayed and the pop-up does not show the attribute details or other elements that have been configured.

Cause

This is by design when accessing an app on a mobile browser. The Web AppBuilder application supports two styles of layout depending on the application is accessed through a desktop browser or mobile browser. When the width of a screen display is less than 600 pixels, the mobile layout is automatically applied.

Solution or Workaround

To fully display the pop-up, control the layout style on the mobile browser by adding a CSS style script into the URL.

1. Open the desired feature layer using the Web AppBuilder application.
2. On the mobile device browser, add the following code below to the end of the URL link of the web application.

&mobileBreakPoint=300

Note:
'&mobileBreakPoint' is a CSS style used to adjust the web page to match the screen width of the device. Setting the breakpoint to be at 300 allows the app to recognize the mobile web page as a desktop layout rather than a mobile layout.

Below is an example URL:

https://experience.arcgis.com/builder/?id=24b30e4dvdghh8j1aa8d8dd&mobileBreakPoint=300

The pop-up is now fully displayed on the Web AppBuilder application.