How to put a border-bottom under Logo/MainNav header space

[Laura]

Laura

October 4, 2014 at 3:28 pm

Hello friends at Kadence, I’ve been trying all afternoon to write the CSS that would put a border-bottom up there in that header space. At present I’m leaving it under the doggone page-header, but I really wanted to get it up there in the header. http://www.windferntravel.com Home Page.

I’m still not so good at coding strong selectors. Here are some CSS variations I’ve tried:
header #kad-banner .banner .headerclass .container .row {
border-bottom: 6px solid rgba(230,172,32,0.5);
}
Didn’t work at all. Tried lotta combinations, and this thinking to divide and conquor:
#kad-banner.headerclass .container .col-md-4 .kad-header-left {
border-bottom: 6px solid rgba(230,172,32,0.5);
}
Didn’t work at all.

These work but they won’t meet in the middle:
#kad-banner #logo {
border-bottom: 4px solid #48556E;
}
/* for all pages, add rule under Menu */
#kad-banner #nav-main {
border-bottom: 4px solid #48556E;
}
This works too, but it’s not the full length:
header #logo a.brand, .logofont {
letter-spacing: -1px;
border-bottom: 6px solid rgba(230,172,32,0.5);
}

It’s gotta be that .row —?

Thanks for your help. PS I owe you an answer on that plugin Redux Framework. It did work, I will try to get back to that string and give proper answer. Thanks again!
LWW