Moving Main Nav Menu Left

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!