How can I remove the announcement bar in Turbo theme?

Technical Q&A
1

Hi can anyone tell me how I can remove the announcement bar above the header? There is no visible option in the header customiser or theme settings to disable the bar.

I tried:

.promo-banner {
display: none;
}

in styles.css but it didn’t work, if anyone can help I’d very much appreciate it, I am using Turbo theme.

2

Hello, @vivame

Welcome to the shopify Community.
I read your problem and it seems that I need to analyze your website to provide solution here.
Would you please share your website URL and if your website is password protected then also provide password.

3

Thank you I have emailed you the details :slightly_smiling_face:

4

@vivame

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

#header .promo-banner {
display: none !important;
}
5

@vivame

Thank you for the update.

6

Thank you very much that worked, I had to add it above my other styles as it didn’t work at the very bottom, but it worked when I placed it at the top of the custom styles. So if I want to use a sliding announcement bar app that will work fine now?

Many thanks for your help :slightly_smiling_face:

7

I need to analyze it. you need to enable slider animation and then need to check.