Move Announcement Bar Placement in Stiletto

I am testing the Stiletto theme for our store and would like to move the announcement bar below the menu instead of at the very top of the screen, where it is by default.

Does this require custom code (is that an option?), or is this a built-in setting I do not see somewhere?

Any help is appreciated!

@aevispa menu and announcement bar are different sections, it will need to move announcement bar code after menu bar, should take 10-15 minutes.

Can you please share this page link? if both are part of same container then might work with css as well.

Hi @aevispa

Can I have the store URL to check further on it for you?

Thank you so much.

Hello,

Here is the preview: https://kcpyudkov6y2eg1a-38687146029.shopifypreview.com

https://kcpyudkov6y2eg1a-38687146029.shopifypreview.com

Thank you!

Hi @aevispa

You can follow the instruction here :

  1. Go to shopify > Theme > Customize > Custom CSS

  2. Copy the code below and paste to the section > Save

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

Here is the result :

Thank you!! This appears to work, but the Shopify editor is not letting me save the change at the moment. I get the error “Online Store editor session can’t be published”