How to make both header and announcement bar sticky in DAWN

Topic summary

A user seeks guidance on making both the header and announcement bar sticky in the DAWN theme.

Current Status:

  • One responder requests additional details (screenshots) to better diagnose the issue and propose a solution.
  • Another responder provides a CSS/JavaScript code snippet to be inserted before the </body> tag in the theme.liquid file, along with a reference image showing the expected result.

Technical Approach:

  • The solution involves custom code modification in the theme’s liquid file.
  • An image attachment demonstrates the intended sticky behavior.

Resolution:
The discussion remains open, awaiting confirmation from the original poster on whether the provided code resolves the issue.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

How to make both header and announcement bar sticky all time in DAWN

1 Like

@NOT1 , Can you kindly share the details of your problem (screenshot) with us? We will check it and suggest you a solution if possible.

@NOT1 , add this code before in theme.liquid file


Result for you: