How can I make the announcement bar in Dawn theme scroll with the page?

Store Design
1

Hello all! Hope you are doing well :).

I have just switched to Dawn theme, and love it.. but, I noticed that the announcement bar doesn’t follow along as you scroll and such. Because I am using the bar to state a BOGO sale, I would need it to scroll along with customers to keep reminding them of the sale.

I tried to find answers for this, but couldn’t - any help would be appreciated.

Thanks all

1 Like
2

This is an easy fix. You will need to edit your code. Back up your code first as a precaution.

Open your base.css file and add the following code to the bottom of the file, then save.

/* Sticky announcement bar */
 
#shopify-section-announcement-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
#shopify-section-header {
padding-top: 38px;
  top: 30px;
}
3

Thank you so much for a quick answer and solution - it worked and all good now :).

4

Happy I was able to help @LuxuriousEye ! I have received so much help as I have built my site. Happy to be able to give back.