Announcement Bar Sticky Dawn Theme 11.0.0

[danibova]

Hi there,

does anybody know the code to make the announcement Bar sticky in the new version of Dawn (11.0.0)? The old one doesn’t work anymore

Thanks and best regards

[Guleria]

Hello @danibova ,

Follow these steps:

1. Go to Online Store → Theme → Edit code

2. Open your base.css file and paste the following code below:

.section-header.shopify-section-group-header-group {
    margin-top: 22px;
}
.announcement-bar-section {
    position: fixed;
    width: 100%; 
}

Thanks

[Dan-From-Ryviu]

You can do that by adding this CSS code at the bottom of your base.css file

.announcement-bar-section {
position: sticky;
top:0px;
}
.shopify-section-header-sticky {
top: 39px !important;
}

[Moeed]

Hey @danibova

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[oscprofessional]

hello @danibova

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.shopify-section-group-header-group {
    position: sticky;
    top: 0px;
}

[PageFly-Noah]

Hi @danibova

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

This is the code based on the new version and it’s working properly on it

Hope this can help you solve the issue

Best regards,

Noah | PageFly

[Preciouspoh]

thanks for your code!