Announcment banner is not sticky with the header Dawn

Topic summary

Issue: In the Dawn theme, the announcement banner wasn’t “sticky” with the header at the top of the page, leaving a white space (screenshot provided). “Sticky” here means the bar should stay aligned/fixed to the top alongside the header.

Attempts and fix:

  • A CSS tweak in base.css was suggested (adjusting position, z-index, top), but it didn’t resolve the issue.
  • After sharing the store URL (www.45keys.com), a follow-up advised adding code in theme.liquid under the element. The store owner confirmed this solution worked.

Outcome: The banner alignment issue is resolved. No specific code snippet details were provided in the thread for the final fix.

Status & next steps:

  • Resolved for the announcement banner/header alignment.
  • A new, separate question was raised about displaying the variants selector in one row for Dawn (linked). No resolution for that new topic within this thread.
Summarized with AI on January 8. AI used: gpt-5.

Thank you this has worked amazing !!!

Other question can you also help me here ?

https://community.shopify.com/topic/2396514