How can I add icons and a language switcher to the Dawn theme announcement bar?

Hi there everyone

Im working on a page for a client and im trying to put phone and mail icons in the left side of the announcement bar above the header. and on the right side i would like to put the language switcher if possible?

Right now the language bar is in the footer of the page, is it possible to do this??

https://tattooole.dk/

Sincerely Danijel

Hello @DanijelRistic :-

To add phone number to the announcement bar you need to do some custom code.

  1. Click the three dots next to customize and select edit code.

  2. On the new page, from the left panel window Go To section —> announcement.bar.liquid.

  3. Inside opened file look for

    tag (about line no 15).

  4. Write the phone number before the closing p tag (

    ).

Please remember to backup your theme before doing any custom code changes.

If my answer helped you solve your problem, please remember to like and accept this answer.

Thank you.

Hi @DanijelRistic

Please follow these steps:

  • Go to Online Store → Themes → Edit code

  • Find the announcement-bar.liquid file and add the following code under the line

    (as sample image)


                    

  • Save the code and go to the stores to check it (the Dawn theme)

I hope that this can help you solve the issue.

Hi,

I have tried to use the same code for our store. Please assist with how to make the email and phone images clickable.

Please let us know where to add the phone number and email id.

Thanks in Advance.