How to remove announcement bar in Dawn

[amisha-29]

I'm developing a theme. In the dawn theme Announcement bar is displaying as a default. I want only header part as a default. How can i remove announcement bar? And i also want if other person visit on  my theme then he/she will able to add the announcement bar according to there need.  I added this code in theme. liquid

But after adding this code if i want to add announcement bar in my editor then it is not showing on my UI. 
Please help.

[Mustafa_Ali]

hey @amisha-29  share the URLs of your website plz

[amisha-29]

Why you are asking my store URL all the time in every question? I just need the solution I don't think sharing my URL store here is needed

[ashish_chaubey · Accepted solution]

Hi Riya, I got understand your concerns. See there is two way to hide the Announcement Bar from the them.
First you should go through your customization.... Click to Customize theme. You'll get the panel like below; 

• Click on Announcement Bar section.

Within this section you'll get the option to hide the Announcement Bar. Check the second screenshot below;

• That's it... Click on hide button then your Announcement bar will be hide.
  
  Secondly we can hide it manually by using CSS code...
  
  
• 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;
}

This is you can do it.... Let me know further if need more assistance.

[amisha-29]

Hey! thankyou for your response first.
I want to do the second method for disable the announcement bar I'm using Dawn theme but didn't find this disable option in the editor. Please tell me how can i do this. 
and I also try the css code which you provided that doesn't work. I want to do the second method

[amisha-29]

Hey I enable the option properly so don't worry thankyou for your response😊

[ashish_chaubey]

I'm telling the solutions for Dawn theme... and There is available the Disable option for Announcement bar

Below Css 

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