Sticky header not working anymore on DAWN theme

[revtekautoparts]

Looking for a fix asap.

Website: https://revtekautoparts.com/

[Bundler-Manuel]

Hello there @revtekautoparts  Have a look at this video on how to fix a sticky header on the Dawn Theme https://m.youtube.com/watch?v=zmt17eXe7xY

Try and follow the steps here then let me know if it works for you!

[revtekautoparts]

Didn't work

[websensepro]

Hi @revtekautoparts .

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[LizHoang]

Hi @revtekautoparts 

To address the issue, please go to Theme -> Customize -> Theme settings -> Custom CSS and insert the following code: https://prnt.sc/RDprpjRJk83k 

#shopify-section-header:has(sticky-header) {
position: sticky;
top: 0;
}

I hope this solution is helpful to you. Please feel free to get back to me with feedback. 

Liz

[Dan-From-Ryviu]

Hi @revtekautoparts 

I see your header sticky when I scroll up. If you want sticky always, please change settings in Online Store > Themes > Customize > Header 

[oscprofessional]

Hello @revtekautoparts 
Add below css code at the end of the base.css file

.shopify-section-header-hidden.shopify-section-header-sticky {
    transition: unset;
    transform: unset;
}