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

Customize Favicon / Not working on Chrome

AhmadShaibani

I currently have a custom favicon on my Story Maps www.losarabesencuba.com

However, it doesn't seem to work on Chrome.

This one does work on Chrome: The World's 10 Largest Refugee Camps

What are they doing different than me?

ps. It works on Firefox and Edge, just not Chrome.

Find more posts tagged with

Accepted answers

StephenSylvia

It looks like Chrome is using the first Favicon it finds which is the one we have added on line 10 and 11 of the index.html. Instead of just adding another set, try replacing the favicon we have defined.

All comments

AhmadShaibani

You hit the nail on the head.

Thanks!

AhmadShaibani

Thank you!

StephenSylvia

RupertEssinger

I'm not sure about the Favicon customization but wanted to check that you have seen our Story Maps Developers' Corner blog.

For example here's a post on that blog about enhancing the appearance of your self-hosted story map on social media.

Rupert

RupertEssinger

Hang on, you are the author of the Arabs in Cuba story map who emailed me today? I showed it to some folks here and we have been admiring that story a lot.

Rupert

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.