Can I use advanced embed to make a storymap iframe responsive?

[LindseyMcGrath]

I have embedded a storymap in a website page and it looks perfect on desktop, but not on laptop or mobile. 

Is there a way to use advanced embedding to make the map's iframe responsive?

[OwenGeo]

@LindseyMcGrath -- Advanced embedding is an entirely different way to embed StoryMaps compared to embedding in an iframe. It's much more powerful and flexible and doesn't confine the StoryMap to a separately scrolling frame on your page, so I believe you would find it would look and behave much better on small screens.

Here's an example of a page that uses advanced embedding that looks great on mobile:
ASCE's 2025 Infrastructure Report Card

[LindseyMcGrath]

Thank you! Can you point me in the direction of instructions for using advanced embedding? You are right - I'm currently using an iframe and think I'd find much more success using advanced embed.

[LindseyMcGrath]

I am trying to add my map via advanced embed now using the script below and it does not appear when I publish the container page in my staging environment. I've added the staging domain to the list of allowed domains already and ensured the story is published to "everyone" can view.

Are you familiar with any other settings that would prevent the map from appearing?

[OwenGeo]

@LindseyMcGrath - There is guidance and several examples of how to use advanced embedding in our developer samples repo on GitHub: storymaps-developer-samples/storymaps-script-embed-samples at main · Esri/storymaps-developer-sample....

Please check that out and let us know if you have additional questions!