Hi there, does anybody know how to make the announcement Bar in Dawn sticky without overlapping with the logo at the top? Thanks and best regards

For the announcement bar add position: fixed; width: 100%; left: 0; top: 0; and for your header element. padding-top: 35px;

How and where should i insert this code? @Columbus_Themes

While you are inside the Theme Editor, click the three dots on top left of your screen, then select Edit Code, find the Assets folder, then base.css file, find the corresponding codes and edit them.

Hello, I tried your solution. When I add the custom code like this, everything looks good on web version. But, when I open my website on my iphone, the sticky bar overlaps the header. Please suggest how to fix this. [IMG_9215.PNG]

Attach a link to your website for better understanding.

I tried again and it worked!!! thank you so much :slightly_smiling_face:

Glad it worked, good luck with your store.

Im still having trouble getting this done. I dont find the corresponding files. Could you take a look? I just want our Announcement bar to be sticky to the header when scrolling on all pages. Shop is reiterwelt.eu

For the announcement bar add .utility-bar__content{ position: fixed; top: 50px; width: 100%; background: #fff; } .announcement-bar{ color: #000000; background: #f5f3ed; position: fixed; top: 0px; width: 100%; } .site-header-sticky .site-header { position: sticky; top: 100px !importan…

Sorry guys, I tried but I couldn’t make it. Ether the announcement bar disappears or ti’s not sticky. This is my code: Thank you so much!

Announcement bar sticky

Technical Q&A

olinka012 March 6, 2023, 1:23pm 8

I tried again and it worked!!! thank you so much

1 Like

Topic		Replies	Views
How can I make my announcement bar sticky on the Dawn theme? Technical Q&A css	8	891	July 24, 2024
Sticky Header + Sticky Announcement Bar Dawn Theme Store Design	6	153	February 21, 2023
How to make the announcement bar sticky? Store Design liquid , design , header , customizations , css , shopify-themes , html	3	219	June 25, 2025
How do I make Announcement bar and header sticky in dawn theme? Store Design design , header , troubleshooting	6	118	April 19, 2025
How do i make my announcement bar sticky? Store Design	26	293	May 11, 2022

Announcement bar sticky

Related topics