Place Announcement Bar Below Header

[martujv]

Hello, folks!

I want to place the announcement bar below the header on my website, but I don't see such an option.

Is there any solution to this issue?

My theme is Stiletto and my website is: https://4svxm0n5yawy71pb-60150284501.shopifypreview.com

Thanks in advance, folks!

[topnewyork]

Hello,@martujvI just point out through circle, you can drag and drop after header, easily it will be comes after header 
Before 

After

Thanks!

[martujv]

Hey, I wish it was this easy, it's the first thing I tried but since I have some custom coding in my header it doesn't work. Thanks for the reply anyways!

[topnewyork]

@martujv , You can share your code 

[DaisyVo]

Hi @martujv 

First, change the position here, then add this code in Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl 

.shopify-section-group-header-group.announcement-bar__outer-wrapper {
    order: 0 !important;
}

Result: 

 

I hope this helps 

Best,

Daisy

[martujv]

It worked! Thanks!!

[martujv]

However, I noticed that now while scrolling up, the header and its icons are behind the announcement bar:

Is there any way to fix this?

[Hasan112]

Hi @martujv 

Go to theme Customization just drag and drop and up or down 

example 

If its helpful , please Like and Accept as solution Thanks 

[martujv]

It doesn't work since I have custom coding in my header and dragging won't help. Thanks for the reply anyways!

[Bundler-Manuel]

Hi there! @martujv  What theme do you use?,  as that could be a factor. In the meantime, try the steps in the reply marked as a solution here https://community.shopify.com/c/shopify-discussions/adding-an-announcement-bar-under-the-header-on-t... 

[martujv]

It's Stiletto! I tried the code but didn't change anything, sadly. Thanks for the reply anyways!