Remove White Line Under Header

Solved
JoeyRoo
Excursionist
21 0 4

Hi. I am trying to remove the thin white line, which is currently on the bottom of my header if someone can please assist. Website is theothelabel.com

 

Thanks,

JoeyScreen Shot 2023-10-10 at 2.57.53 PM.png

Accepted Solution (1)
fadi_yousif
Shopify Partner
311 39 51

This is an accepted solution.

There is usually a setting in the theme editor that allows you to remove it. If not, you can remove it with code:

1. Navigate to the code editor: Online Store --> Themes --> Edit code --> assets --> app.css

2. Add the following CSS code to the bottom of the file:

header#header {
    border-bottom: none;
}

Let me know how it goes!

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp
 - Was your question answered? Mark it as an Accepted Solution

View solution in original post

Replies 3 (3)
fadi_yousif
Shopify Partner
311 39 51

This is an accepted solution.

There is usually a setting in the theme editor that allows you to remove it. If not, you can remove it with code:

1. Navigate to the code editor: Online Store --> Themes --> Edit code --> assets --> app.css

2. Add the following CSS code to the bottom of the file:

header#header {
    border-bottom: none;
}

Let me know how it goes!

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp
 - Was your question answered? Mark it as an Accepted Solution

JoeyRoo
Excursionist
21 0 4

You rock! This worked, thanks. 

fadi_yousif
Shopify Partner
311 39 51

Happy to help!

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp
 - Was your question answered? Mark it as an Accepted Solution