How do I make the announcement bar sticky in the Refresh theme?

[Nourdennaoui]

 my question is how i make annoucement bar sticky in refresh theme: thats my site: https://ledlightslb.com/

[GemPages · Accepted solution]

Hello @Nourdennaoui 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

<style>
   body #shopify-section-announcement-bar{
      position: sticky;
      position: -webkit-sticky;
      top: 0px;
   }
  body .shopify-section-header-sticky{
    top: 38px;
   }
</style>

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[Nourdennaoui]

thanks ur very helpful 🙂

[GemPages]

It's my pleasure to help 😍.

[aleksilepisto]

Hi there! 🙂 I followed your instructions and added the code on my theme.liquid (check the attached screenshot). Now the sticky annoucement bar almost works, but not quite. It made the bar area sticky, but the actual bar doesn't move with it? Hope you can help. Preview store: https://thewellnezzy.com/?_ab=0&_fd=0&_sc=1