topic Re: Pop-ups on new Basic (Media Map) do not work in mobile in ArcGIS Instant Apps Questions

Pop-ups on new Basic (Media Map) do not work in mobile

RexTurgano — Mon, 18 Aug 2025 21:46:40 GMT

I noticed that the Pop-ups on the new Basic (Media Map) do not work well in mobile. The positioning of the pop-ups is off as the pop-up title, dock, collapse, and close button/icons are cut-off from view. It also overlaps with other widget elements as well. Our map is here if you want to take a look.

Re: Pop-ups on new Basic (Media Map) do not work in mobile

DanielFox1 — Tue, 19 Aug 2025 08:26:40 GMT

Hi @RexTurgano

In the Instant App configuration have you looked into the following settings or tried floating pop ups instead of docking them? The fixed pop up location on its own when looking at the view in Portrait mode looks better.

Reduce header height or make it collapsible. The static header may be pushing the pop-up off-screen. Consider:
• Reducing the header height.
• Making it collapsible or using a splash screen for intro content.
• Moving disclaimers or long text into a modal or info panel.

I hope this helps somewhat.

Re: Pop-ups on new Basic (Media Map) do not work in mobile

KellyHutchins — Tue, 19 Aug 2025 15:27:15 GMT

We'll get this fixed in a future release of online. In the meantime you should be able to fix it by pasting the following into the Custom CSS box during the basic configuration. You'll find that setting in the Theme section. Let me know if this doesn't work for you because it may require some additional modifications.

.esri-view-width-xsmall .esri-popup--is-docked-top-center, .esri-view-width-xsmall .esri-popup--is-docked-bottom-center { height: 100vh; max-height: calc(100vh - 50px); z-index:1000; bottom: 0 top: 0; position: relative; }

Re: Pop-ups on new Basic (Media Map) do not work in mobile

RexTurgano — Tue, 19 Aug 2025 15:59:10 GMT

Wow, thanks! This actually works really well, and I think better than before. Thanks so much!

Re: Pop-ups on new Basic (Media Map) do not work in mobile

RexTurgano — Tue, 19 Aug 2025 15:59:38 GMT

Thanks Kelly, I will test this as well. Big thank you to the community!!!!

Re: Pop-ups on new Basic (Media Map) do not work in mobile

ctalleygreenville — Thu, 28 Aug 2025 20:58:25 GMT

Yes, I just ran into this today and have been trying to edit the custom css and couldn't find the correct combination of properties. Both solutions provided here are useful. I have a custom header and had to adjust the max height a bit in my initial testing.

Thanks to everyone.

Re: Pop-ups on new Basic (Media Map) do not work in mobile

RexTurgano — Fri, 19 Sep 2025 17:49:08 GMT

Hi Kelly, I just had the chance to implement the CSS and the pop-up displays in full but there is now "x" or option to close the pop-up.

Re: Pop-ups on new Basic (Media Map) do not work in mobile

RexTurgano — Fri, 19 Sep 2025 17:50:29 GMT

I just thought I would check-in to see if there is an ETA for the proper fix. Thanks! @KellyHutchins

Re: Pop-ups on new Basic (Media Map) do not work in mobile

KellyHutchins — Thu, 25 Sep 2025 15:53:56 GMT

@RexTurgano the fix will be in the next release of ArcGIS Online.

Re: Pop-ups on new Basic (Media Map) do not work in mobile

KellyHutchins — Thu, 25 Sep 2025 15:56:52 GMT

Can you share an image of what you are seeing? I'd like to try and find a temp fix for the missing close button

Re: Pop-ups on new Basic (Media Map) do not work in mobile

KellyHutchins — Thu, 25 Sep 2025 16:25:43 GMT

Actually took a closer look and there is a typo in the css I posted earlier. It also doesn't account for the header. Can you try this instead:

Re: Pop-ups on new Basic (Media Map) do not work in mobile

RexTurgano — Thu, 25 Sep 2025 18:56:17 GMT

It worked! Thanks so much.