You can use css like this:
@media (min-width: 992px){
.kad-header-left {width:20%;}
.kad-header-right {with:80%;}
}
Kadence Themes
Thank you! You guys are great!
Ok I thought it was fixed but its not quite right. I’ve had to add another menu item, and it still bumps to a second line, even though it appears to have enough room. Here are the two css items i have currently.
.sf-menu li a {
padding-right: 15px;
padding-left: 20px;
}
and
@media (min-width: 992px){
.kad-header-left {width:20%;}
.kad-header-right {with:80%;}
}
Try changing the padding to this:
.sf-menu li a {
padding-right: 10px;
padding-left: 10px;
}
let me know if that makes a difference.
there is a typo in the css I posted:
@media (min-width: 992px){
.kad-header-left {width:20%;}
.kad-header-right {with:80%;}
}
Should be:
@media (min-width: 992px){
.kad-header-left {width:20%;}
.kad-header-right {width:80%;}
}
Sorry about that.
Kadence Themes
Beautiful, works great, thanks!
