How can I enable a sticky header in the Narrative theme?

Store Design
1

Looks like it’s been a few years since this forum post and the code as changed. How to have the navigation header fixed on top?

https://community.shopify.com/c/shopify-design/sticky-fixed-navigation-on-narrative-theme/m-p/481074#M124526

@KarlOffenberger

1 Like
2

@KetanKumar

Thanks!

1 Like
3

@gilfillian

oh sorry for any issue can you please send store url

4

Hey @gilfillian .

Thanks for reaching out.

I appreciate that you have let us know which theme is being used on your online store. Looking into the Narrative theme, we are unable to make the navigation header fixed on top of the online store using the Theme Editor. It looks like a change of coding will be required in order to make this change.

Since the Narrative theme is designed and supported by Shopify, we can use free design time for Shopify themes to have our internal team make the changes on your behalf.

18-04-74830-15675
18-04-74830-156751541×902 187 KB

If you are interested in using the design time, you will need to login to your store using our Contact Us page. This will allow us to securely verify you as the store owner before speaking directly with a Support Advisor.

Let me know if you have any questions.

5

@gilfillian

thanks for all details can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.site-header__wrapper {
position: fixed;
top: 0 !important;
transform: none !important;
}