How do i make the announcement bar sticky?

Solved

How do i make the announcement bar sticky?

Simon159
Explorer
135 0 26

Hey, I was wondering how I can make the announcement bar sticky? I was able to make everything else I want sticky except for that. 

https://charmente.com/products/charmente-flared-work-yoga-pants

Screenshot 2025-02-23 at 1.23.29 AM.png

Accepted Solution (1)

Bundler-Manuel
Astronaut
817 42 96

This is an accepted solution.

Hello there Simon @Simon159  If you follow these steps, you should be able to add a sticky announcement bar in your Shopify store

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

#shopify-section-sections--18314230989090__announcement-bar{
position: sticky !important;
    top: 0;
}
.section-header {
    top: 38px !important;
}

Let me know if this works for you!

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

View solution in original post

Reply 1 (1)

Bundler-Manuel
Astronaut
817 42 96

This is an accepted solution.

Hello there Simon @Simon159  If you follow these steps, you should be able to add a sticky announcement bar in your Shopify store

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

#shopify-section-sections--18314230989090__announcement-bar{
position: sticky !important;
    top: 0;
}
.section-header {
    top: 38px !important;
}

Let me know if this works for you!

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.