I NEEED HEEELP PLEASE WITH MY HEADER

Solved
Highlighted
Tourist
11 0 1

Hi! I'm using the "Narrative" theme and I looked for a code that keeps the header to be sticky and right now I have it so it's transparent,  when I start scrolling I want it to change to color so you can actually see it. I've searched and searched and tried and tried but haven't found a solution that works with my theme. THANK YOU in advance any help is greatly appreciated!!!

 

This is my website URL: https://variousdigitalshop.com/

0 Likes
Highlighted

This is an accepted solution.

Hi @VariousDigitals 

Please use this code

.site-header--fixed .site-header__wrapper {
   background-color: red;
}

and add this code to the bottom of the file theme.scss.liquid (Shopify admin > Online Store > Themes > edit code > asset > theme.scss.liquid)

And I have a guide to show how to personalize the home page, you can check it if you have time.

I hope my answer will help you. Like it or mark it as the solution if you find it helpful. 

Let me know if you have any questions. Cheers!

- Do you need to customize your landing page, product page, blog, coming soon, FAQ, about us pages? Check out PageFly - Advanced Shopify Page Builder.
0 Likes
Highlighted
Tourist
11 0 1

Hey, thank you so much for your help and replay it worked 

0 Likes