nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to get StoryMap to full screen of website

CraigNorkus1

Hello. My apologies if this has been addressed numerous times. But I guess I'm looking for a specific solution to my scenario.

Essentially, I have a StoryMap that obviously fits full screen in the browser. But after embedding into my WordPress theme, it's not even close to full screen. I've worked with the theme's display options, ie. Full Width, No Side Bar, et al., to no avail. I am certainly no developer(respect to all of you), but using standard out of the box solutions to assist with my ideas towards a fun and/or educational website. I will take any recommendations! This was created a year or so ago using Google maps. But I now have a copy of ArcGIS Pro and almost ready to begin working on converting all maps. But wanted to get this out there.

My StoryMap: https://arcg.is/1j8uX50

My website: https://chicagogeohistory.com/

Thank you very much in advance!

Craig Norkus

Finde mehr Beiträge mit dem Tag

Themes

Publishing & Sharing

Embed

Accepted answers

CraigNorkus1

Resolved.

Chose WordPress theme that allows for Full Screen, ie. Hello Elementor > Select WordPress Page > Edit Page > Select Block > Within block editing tools, Select Column at far left > within Align tool, select Full width > Select Update in far upper right corner > refresh webpage in another browser to confirm re-alignment.

Header image may need to be re-sized.

Thanks again, Owen, for shining light on this aspect.

WordPress_Block.JPG

All comments

oevans_storymaps

@CraigNorkus1 -- Thanks for contacting the Esri community with your question!

The size and shape of the story on your WordPress page actually has nothing to do with the story. The story will simply fill whatever container you put it in. You'll need to figure out how to create a larger frame on your WordPress page. Maybe someone else from the community knows how to do this, or I'd recommend that you ask a colleague who's knowledgeable in WP or post to the WP online community.

CraigNorkus1

That makes sense, Owen. I will dig in to enlargening the WP frame. When completed I'll then write up the req'd steps back in this string.

I appreciate the tip!

Craig

CraigNorkus1

Resolved.

Header image may need to be re-sized.

Thanks again, Owen, for shining light on this aspect.

WordPress_Block.JPG

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.