Announcement Bar disappears on Dawn Theme

Store Design
, ,
1

Hi everyone,

I am using the dawn theme, and need to add an announcement bar to the top of my website to announce our Labor Day Sale. I am having a few issues with it and hoping for some guidance.

  1. How can I make the bar a little wider so it doesn’t have my header menu overlap on it?

  2. How do I make it show up on every page of my website? It currently is only showing up on the home page?

  3. How do I make it not disappear when the page is scrolled?

here is my website: www.lovemyflavordrops.com

And here is a picture for reference of how it is showing up.

PamM_0-1693517483396.png
PamM_0-1693517483396.png1274×460 273 KB

Thanks so much for the help!

2

Hey @PamM

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

RESULT:

Moeed_0-1693518345146.png
Moeed_0-1693518345146.png1901×966 236 KB

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

Best Regards,
Moeed

1 Like
3

Thank you so much! This worked perfectly!! Thank you!!

4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

5

Hey @PamM ,

If you’re looking for a flexible announcement bar that doesn’t require you to touch your theme code (which can sometimes be risky), check out the Supastand Announcement Bars Shopify app. You can create multiple banners, add custom theming, position them so they stay on the page when scrolling, and turn them on/off so you can prepare your messaging for upcoming promotions before they go live.

I’d be happy to help walk you through the setup. Feel free to reach out with any questions.

Best of luck with your Labour Day sale!

Cam

Supastand