Remove line/shadow below header

[artthescience]

Hi there,

How do I remove the line/shadow from the header:

So it looks like this:

I just want the whole page to be white

Thank you so much!

[tristup]

Hi @artthescience,

Thanks for reaching out.
To remove the Border and the Shadow from the Default Header you need to add the following custom CSS code into the Theme Options > CSS.

.x-navbar
{
    box-shadow: none;
    border: none !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[artthescience]

Hi there,

Thank you so much for your help!

I added the css but it didn’t work:

I still see some grey and I want it to be completely white from the header to the first section. I am not sure how or where that grey gradient is coming from.

Thank you so much

[friech]

Hi Art,

Probably that is a box-shadow, please inspect your header bar and turn off the box-shadow.

Cheers,

[artthescience]

Thank you so much! Turns out I didn’t need the custom CSS, just removing the Box Shadow did the trick

[friech]

Glad we could help,

Cheers!