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!
Hello,** @martujv **I just point out through circle, you can drag and drop after header, easily it will be comes after header
Before
After
Thanks!
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
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
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-top-of-the/m-p/2290738
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!
It doesn’t work since I have custom coding in my header and dragging won’t help. Thanks for the reply anyways!
It’s Stiletto! I tried the code but didn’t change anything, sadly. Thanks for the reply anyways!
It worked! Thanks!!
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?
@martujv , You can share your code
Hi @martujv
You need to add the code so we can see how it works on your store, then we will continue checking it
Best,
Daisy
