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

Mani8 September 18, 2023, 10:10am 3

messaged you

Topic		Replies	Views
How do i make my announcement bar sticky? Store Design	26	110	May 11, 2022
How can I make a custom announcement bar sticky on all devices? Shopify Discussion	3	14	June 3, 2022
How Do I Make My Announcement Bar Sticky On Dawn Theme? Store Design customizations , css	2	47	April 19, 2023
Announcement bar sticky when scrolling up Store Design design , header , landing-page , shopify-themes	5	12	April 11, 2024
How can I make my announcement bar sticky in Warehouse theme? Store Design design , css	7	33	January 5, 2023

How can I make my announcement bar sticky on scroll?

Related topics