Remove announcement bar BUT it still stay there Dawn version

[cheriesapparel]

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

This is when I clicked preview and it still exists despite I already removed when I customize the theme. 

Within the customize site, I no longer see it. 

[suyash1]

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

[cheriesapparel]

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 want to get rid off. 

[suyash1]

@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;}

[cheriesapparel]

But i want to display a different announcement bar, will my new ones get hidden too? I just need to get if of that old announcment bar under edit code, so then i can recreate new one

[suyash1]

@cheriesapparel we can create new as well by adding code to header file

[tim]

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

[cheriesapparel]

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

[TheScriptFlow_]

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

Thanks

[cheriesapparel]

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 want to get rid of. 

[Bundler-Manuel]

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: <div class="page-width utility-bar__grid utility-bar__grid--3-col" >
  
  
• Open the base.css file and write the css to hide the code by targeting this class: "page-width utility-bar__grid utility-bar__grid--3-col" like: 

#shopify-section-sections--24611281502496__announcement-bar .utility-bar{
  display: none !important;
}

Let me know if it works for you!

[cheriesapparel]

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". 

[cheriesapparel]

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.

[Wendell4]

Hello @cheriesapparel

You can check this issue via below three ways and see if can resolve this issue:

1. Hard refresh your browser by pressing ctrl+F5 to see if it is related to the change not updated properly.

2. Kindly check if this announcement bar is from third party app and if so, better contact related app support team and remove the related code inserted on your store theme completely. This shall be disappeared accordingly.

3. This bar is added by CSS and you need to remove whole CSS code to let it work. If it is still not working, better contact the theme developer for further help. Thank you!