I have recently made my header transparent, but it is not not sticking and moves down the page when you scroll down. I want this to be fixed at the top. I have seen this question asked a lot on here and I have tried every code and it is not working. Please help!!
Topic summary
Issue: After making the header transparent in the Dawn theme, the header “moves down” when scrolling instead of staying fixed at the top. The poster wants it to remain fixed (sticky) at the top.
Context: They tried multiple code snippets without success and shared their store link for review.
Suggested fix: A responder checked the site and advised changing the Header setting: Online Store > Theme > Customize > Header > Sticky header, set it to “None,” then save. They state this will keep the header at the top during scroll.
Additional step: Remove any custom CSS previously added to force stickiness, to avoid conflicts.
Notes: A screenshot of the theme setting was provided. “Sticky header” refers to a header that remains visible at the top while scrolling. Status: No confirmation from the original poster yet; resolution pending.
Hi I am available now
Hi @jen_ila ,
I checked your site and you have set the Sticky header as “Always, reduce logo size” in the customize theme settings which makes the header visible when you scroll the page. Simply go to Online store > theme >customize theme> click Header option and look for Sticky header and change it to None and save. Doing this will make the header stay on the top while scrolling the page.
The page will look like -
Once done, simply recheck the site. Also, please make sure to remove the additional CSS code added in the theme files to make the header sticky.