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?

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…

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

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

tim_tairli May 25, 2025, 4:03am 3

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

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	168	December 10, 2022

Remove announcement bar BUT it still stay there Dawn version

Related topics