Remove White Line from Header

Solved

Remove White Line from Header

JoeyRoo
Excursionist
67 0 11

I am trying to remove the white line, which is showing under my Header. I had a code in there originally and for some reason it stopped working. Not sure what I am doing incorrectly. Website link is below

 

theothelabel.com

Accepted Solution (1)

Moeed
Shopify Partner
4992 1328 1610

This is an accepted solution.

Hey @JoeyRoo 

 

Follow these 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 </body> tag

<style>
theme-header#header {
    border-bottom: 0 !important;
}
</style>

RESULT:

 

Moeed_0-1721586848965.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
4992 1328 1610

This is an accepted solution.

Hey @JoeyRoo 

 

Follow these 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 </body> tag

<style>
theme-header#header {
    border-bottom: 0 !important;
}
</style>

RESULT:

 

Moeed_0-1721586848965.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
JoeyRoo
Excursionist
67 0 11

This worked perfectly. Thank you!

BSSCommerce-HDL
Shopify Partner
2079 738 930

Hi @JoeyRoo

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.header {
    border-bottom: none !important;
}
<style>

Here is result: 

BSSCommerceHDL_0-1721586786435.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

PageFly-Richard
Shopify Partner
4584 1051 1711

This is Richard from PageFly - Shopify Page Builder App

 

Hi @JoeyRoo  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.header {
    border-bottom: 0px !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.