Removing thin line between header and slider of home page

[outdoorarmory]

Hi,

I hope someone could help. I would like to remove the white line between the header/menu and the first slider. Please see below/attached picture. I am using Xtra theme.

The website is theoutdoorarmory.com

Thank you!

Outdoor Armory

[Moeed · Accepted solution]

Hey @outdoorarmory 

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>
.shopify-section-header:before {
    border-bottom: 0 !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Dan-From-Ryviu]

Hi @outdoorarmory 

This is an option for your Header. You can turn it off from store admin > Sales channels > Online Store > Themes > Customize > Header 

Best regards,

Dan from Ryviu Support Team.

[websensepro]

Hi @outdoorarmory 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.shopify-section-header:before {
    border-bottom: none !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[DaisyVo]

Hi @outdoorarmory 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

.shopify-section-header:before {
    border-bottom: none !important;
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.