Remove top border from Header

[aamartines]

In the Styling Options for my site, I set a light grey border for the header to provide some differentiation between the content and the menu. However, the border also appears at the “top” of the header section and looks a bit unattractive. How can I remove the border from just the top?

Site here: dev.advancedchallenges.com

[sharmstr]

.navbar .kleo-main-header {
border-bottom: 0;
}

In the future, just right click on the element so see what class to use.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[aamartines]

Hi again,

That actually does the opposite of what I was aiming for. I think I figured out how to do it for the top border though:

.social-header {
border-bottom: 0;
}

That works on my site, though I don’t know if it’s the best way to do it.

Thanks!

[Author]

Posts