How can I reposition the announcement bar below the header on my website?

Store Design
, , , ,
1

How do i move the announcement bar on my website: safekeychains.com to underneath the header?

Untitled design.png
Untitled design.png2048×310 132 KB

2

@shopsk100

Hi,

To move the announcement bar below the header, please follow the steps below.

Go to Online Store > Theme > Edit code > Open theme.liquid file under layout.

After open the theme.liquid file, please fine the {% section ‘announcement-bar’ %} and {% section ‘header’ %} and change the position.

From

{% section 'announcement-bar' %}
    {% section 'header' %}

To

{% section 'header' %}
    {% section 'announcement-bar' %}

20230115_092057.png
20230115_092057.png1890×847 79.1 KB

Save the change.

The announcement bar will be shown below the header.

Hope it helps.

Thanks.

3

thank u! this worked, also how would i get the announcement bar to appear as a ticker like a news headline?

4

To make the announcement bar a news ticker, you will need to change the whole structure of the announcement-bar.liquid file with CSS & Javascript (if needed). It’s a simple job but you will need to hire someone to make it work.

To let other users find the solution for announcement bar & header switch position, please select my first reply as a solution.

Thanks.

5

Hey David how do I contact you to hire you?