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; } } }

Can't remove title/header from story map

MackenzieHickie

I am unable to remove the header/title section from my story map. I saw a previous post stating I am able to do so, but the option to click "hide header" is nowhere to be found. Can someone help me figure out how to completely remove the header/title? I am using my story map only for the guided map, and do not need any sort of title at all. Thanks!

story map.png

Find more posts tagged with

Accepted answers

OEvans

@MackenzieHickie -- Are you embedding your story in another website? If so, when you generate the embed code you can check on the option to hide the cover. Does this work for you?

Screen Shot 2022-06-29 at 9.25.01 AM.jpg

All comments

OEvans

@RossBrewer9830 - Thanks for posting. Just to clarify, you can hide the header without embedding by adding ?cover=false to the end of any story URL.

If you are looking for a setting similar to the "hide cover" one that controls visibility of the header, I would suggest that you please add your suggestion as an idea on the Ideas board so others can vote for it. It would also be helpful to share more details about how you expect to use and/or share the story so we can better understand how hiding the header will help you achieve what you are looking to do.

RossBrewer9830

The ability to hide the story cover is an option within the StoryMap settings now (and seems like it was via the URL addition mentioned in this thread), but the ability to hide the title (aka header) is still unavailable unless altering the embed code. My organization is not embedding our StoryMap, so I'm seeking a way to hide the title/header.

Screenshot.jpg

OEvans

@VickiKramer1, @MackenzieHickie, @AliAwadBUK - Just posting an update on this thread...the ability to hide the story cover was added to the Story settings in May 2024.

What’s new in ArcGIS StoryMaps (May 2024)

OEvans

@AliAwadBUK -- I'm sorry, I'm not quite sure how to help. This question appears to be more about your web page than it is about the story you are embedding in it. I'm not sure what your page looks like or what code you're using for the page you're embedding the story in.

If you can share more information here someone may be able to help, or you may get better results by posting your question on another site like Stack Overflow where you can ask a question about how to adjust the code of your web page to get the result you are looking for.

AliAwadBUK

Hi Owen,

I used the same steps as you mentioned above but I got this scrolling on the right, how can I disable this or deal with it?

Thanks

Ali

OEvans

@VickiKramer1 -- Correct, that is not currently an option. If you are interested in seeing this added in the future, I would recommend upvoting this idea: Disable StoryMaps Cover - Esri Community.

If you happen to be using the story in a collection, you can hide the story cover when it appears in a collection in the collection item options. There is more information about that in the idea thread I linked to above.

VickiKramer1

Just so I am clear, there is no way to turn off the cover/header within the StoryMap Builder? The only way to do that is if you manipulate the URL? What if you don't want to embed the storymap and still want to remove the cover/header from your story because you don't need it?

OEvans

To go to that screen I showed above, view any story and go to the ... menu in the header and click Embed this story.

If you are linking to your story, you can just add "?cover=false" to the end of your story link and that will hide the cover (or "?cover=false&header=false" to hide both the header and cover). For example: https://storymaps.arcgis.com/stories/c87bc0a59c0144008e25d50a5dd1b192?cover=false&header=false

MackenzieHickie

Hi!

Thanks for getting back to me. That should work. Can you let me know the steps of generating the embed code? Sorry, I'm new to this!

Also, if I were to just link the story map on a separate website so it directed to the story map, is there a way to remove the header? Or only if I embed it?

Thanks again!!

OEvans

@MackenzieHickie -- Are you embedding your story in another website? If so, when you generate the embed code you can check on the option to hide the cover. Does this work for you?

Screen Shot 2022-06-29 at 9.25.01 AM.jpg

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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