Why isn't the sticky navigation working in the Dawn theme?

Store Design
1

Hello Team Shopify,

I tried to activate the “sticky navigation” in the backend of the Dawn-Theme, but it did not work!
(https://help.shopify.com/en/manual/online-store/themes/os20/themes-by-shopify/dawn/customize#alternate-sticky-header)

Does anyone know of this Issue? Is there a workaround?

Thank you,

Greetings newbie

2

Hi @gregorsart ,

Hyde here from Shopify. Great question!

The alternate sticky header is a customization that our Themes Support team can handle for you as it is supported by our design policy. That is why you can see “15 mins” at the top of the document, which indicates how much time will be used of the 60 minutes free design time available for Shopify free themes.

If you were to reach out to our Support through our help center page, our support advisors could process your request for that customization.

Do please bear in mind that by default, Dawn’s sticky header setting is a partial sticky header, which is a persistent header that displays only when a customer scrolls up. Also, it should be avoided on stores that have all of the page content visible at all times. So it’s worth asking yourself if you need a permanently sticky header at all!

I hope this helps, all the best Hyde.

3

The CSS which is enabling this is:

.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}

This has good browser support but may not work on older browsers. For older iPhone models, you can use:

.shopify-section-header-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

This worked for me on an iPhone 6 running iOS 12.5.5