Hi, I succeed remove announcement bar when I customize the theme. However, when I preview the site, the announcement bar is still there. I want to get rid of the FREE SHIPPING ON ORDER OVER $199 [cheriesapparel_0-1748140485142.png] This is when I clicked preview and it still exists despite I al…

@cheriesapparel - did you remove it from customize settings or custom css? can you please share your website link?

If you have multiple markets make sure you’re using proper market when making edits in Customizer.

Share your store url so that I can provide you solution code. Thanks

Hello there @cheriesapparel I think you should try this CSS custom code approach if you haven’t already Got code editor find the announcement-bar.liquid file. Find this line code: Open the base.css file and write the css to hide the code by targeting this class: “page-width utility-bar__grid…

Chéries: Premium Sleepwear That Elevates Comfort and Confidence. – Chéries Apparel Hello this is the site, the announcement bar is at the header. I cannot see it anymore when I customize the page; however when I open it public or view it still stays there “FREE SHIPPER OVER $199”. This is what I wa…

Chéries: Premium Sleepwear That Elevates Comfort and Confidence. – Chéries Apparel Hello this is the site, the announcement bar is at the header. I cannot see it anymore when I customize the page; however, when I open it public or view it still stays there “FREE SHIPPER OVER $199”. This is what I w…

Chéries: Premium Sleepwear That Elevates Comfort and Confidence. – Chéries Apparel Hello this is the site, the announcement bar is at the header. I cannot see it anymore when I customize the page; however, when I open it public or view it still stays there “FREE SHIPPER OVER $199”.

Yes, can you show me how to get it remove please? I think it’s the hardcoded, i already try other methods but it’s still there.

@cheriesapparel please add this css to the very end of your base.css file and check, Shopify Admin → Online Store ->Theme → Edit code → base.css .utility-bar {display: none; visibility: hidden;}

Remove announcement bar BUT it still stay there Dawn version

Store Design

cheriesapparel May 25, 2025, 6:30am 7

I only have Australia as my market but I am not sure what’s the problem causing it.

Topic		Replies	Views
how do i make my announcement bar show Store Design design , customizations , css	1	44	August 29, 2024
My announcement bar has dissaperared Store Design design , header , customizations , collection-page , footer , landing-page , cart-page , troubleshooting , html , product-page	4	68	May 18, 2024
Remove announcement bar from certain page - dawn theme Store Design design , header , css	5	91	June 30, 2024
Double announcement bar is reflecting and I can't find out why Store Design	3	47	September 3, 2021
How do I remove the announcement bar in MrParker theme? Store Design	10	164	December 10, 2022

Remove announcement bar BUT it still stay there Dawn version

Related topics