How can I make the announcement bar sticky on Impulse Theme?

Store Design
1

I am using the Impulse Theme and looking to make the Announcment Bar ‘Sticky’ on all pages.

How can I go about doing this? There is no way to enable this as a default theme feature.

Any help is much appreciated!

Andrew

2

Hey @AAABARTON1

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

Best Regards,
Moeed

1 Like
3

www.celinediamor.com

4

Hey @AAABARTON1

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Thanks this works but,

It lags in fornt of the header meaning when you scroll the announcement bar is ahead of the header menu.

How can we make the announcement bar Stick to the header bar?

Thanks again

6

Hi @AAABARTON1

You can try to add this css code to your theme.liquid file before tag to do that
7

Thanks Dan, this doesn’t seem to work?

8

Ah, because I get ID of Announcement from demo theme. Could you share your store URL so I can get correct ID of it to make it works

9

www.celinediamor.com

10

Please use this code
11

Hi thanks, still doesn’t work at all.

12

My mistake, please update code like this
13

Hi still doesn’t show on desktop or mobile - I think it is now sticky, just hidden behind the header menu - when I added padding to the code it appeared but very glitchy and the padding is different for Desktop and Mobile.

Simply adding padding won’t fix the animation issue - when scrolling the header disappears for a split second the quickly slides back down. The announcement bar would need to follow and ‘stick’ to the header bar animation.

Thanks for your help so far! :slightly_smiling_face:

14

Please update code like this
15

Hi, just added this code and still doesn’t appear

16

Please change code like this
17

Hi, I have added this code and nothing happens

18

Hi @AAABARTON1

Please update this code like this and check again