Hi there, So basically i have a announcement bar at the top of my page, and i would like to make this sticky, exactly like my header is currently, it sticks when you scroll down. would someone be able to help me with this? [Screenshot 2023-09-18 at 3.31.31 PM.png]

Hey @Mani8 Remove the previous code and add this new code. Follow these Steps: Go to Online Store Edit Code Find theme.liquid file Add the following code in the bottom of the file above tag RESULT: [Moeed_0-1695035763291.png] If I managed to help you then, don’t forget to Like…

How can I make my announcement bar sticky on scroll?

Store Design

Moeed September 18, 2023, 10:05am 2

Hey @Mani8

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

Topic		Replies	Views
How do i make my announcement bar sticky? Store Design	26	208	May 11, 2022
How to make the announcement bar sticky? Store Design liquid , design , header , customizations , css , shopify-themes , html	3	130	June 25, 2025
Sticky Announcement Bar Store Design liquid , header , css	3	32	January 6, 2025
How do i make the announcement bar sticky? Store Design design , customizations	2	127	May 21, 2025
How can I make a custom announcement bar sticky on all devices? Shopify Discussion	3	18	June 3, 2022

How can I make my announcement bar sticky on scroll?

Related topics