How can I remove lines from the announcement bar in the Dawn Theme?

Shopify Discussion
1

Hi, i would like to remove the two lines in the announcement bar

Dawn Theme , thanks

Capture1.PNG
Capture1.PNG1898×324 19.1 KB

2

Hi,
In base.css

pawankumar_0-1680594080234.png
pawankumar_0-1680594080234.png833×531 23.9 KB

Please comment this line " border-bottom: 0.1rem solid rgba(var(–color-foreground), 0.08);" as mentioned in the screenshot.
I think, it will help you
Thanks!

3

Hi @Jfive , you can do that by adding this CSS code below in to Sale channels > Online store > Themes > Edit code > Assets > base.css add code at the bottom and save file

.announcement-bar { border-bottom: none !important; }
4

Hi @Jfive

I hope this solution will works. Glad to support you. Please follow below steps

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag
.announcement-bar { border-bottom: none !important; }
5

Hello @Jfive ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1680601621796.png
GemPages_0-1680601621796.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

6

Thanks, that worked perfectly!!

7

Hi @Jfive ,

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team