Remove Header/menu Bottom Line/divider - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Remove Header/menu Bottom Line/divider

DR

doug raught

Template 3 years ago

I'm using Edulif template. The top menu/header bar at the top has a thin divider line. I'm sure this is purposefully added to the template. I want to get rid of it. How can I do it?

See it here: https://www.holyhoster.com/fathers/index.php/home

Thanks.

0
4 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #58595

Hi there!

Thanks for your query.

Please use the following code in your custom CSS:

#sp-header {
    border: none;
}

This will remove the thin line.

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58597

If I may....

Header has also grey shadow, so you may disable it as well

#sp-header, #sp-header.header-sticky {box-shadow: none;}

0
DR
doug raught
Accepted Answer
3 years ago #58621

Thanks Paul for the shadow disable code.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #58830

We are happy to help:)

0