How to add an announcement bar under the header (Dawn Theme)

Hello,

I have two questions

Question 1: I am trying to make my announcement bar in this position


Notice how the announcement bar is under the header?

Question 2: How do the announcement move like how it is in this link: https://onedaywondersbrand.com/

Its automatically scrolling.

Thanks so much for the fast reply!

I am having trouble finding the “header content” section.

where can i find that?

Do i add it under line 847? I have tried that and it showed an error.

Hello @LiveL ,

Welcome to Shopify Community ! Happy 2023 :slightly_smiling_face:

If you using Dawn theme and trying to implement code my community friend @proadvert98 sent, add it to the header.liquid file before as shown below :

Also add CSS inside the tag like


Please note that it will add a new announcement bar and keep the original one as it is.

Let me know if need further assistance.
1 Like

hello,

Thank you so much for the reply, happy new year!!

i tried to add what you just told me. but it didn’t work, can you see if i did something wrong :slightly_smiling_face:

thank you so much for the help!! oh and just to let you know i am trying to make the announcement bar UNDER the header. just to be sure were on the right page.

please get back to me.

thank you again i appreciate it alot!

Hello @LiveL ,

Kindly add below code to CSS :


2 Likes

yes, @SocialAutoPost , helped me.

thank you!

1 Like

Hello @LiveL ,

To add an announcement bar below the navigation bar put the Announcement bar section after the tag and before the .

1 Like

I want to do this to but i dont know where to put this CSS. in the header.liquid file? if so i cannot see any or tags to place this code between. please can you tell me what file

Hello can you help me with this to. what file am i putting this code into?