Make Main Menu One Line

hai nyc

try this..

.site-tools {
width: 34%;
}
.site-bar .nav {
width: 66%;
}

thanks….but doesnt work

Hi there,
You will need to add some custom CSS to achieve this.
Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this

@media (max-width:1200px) {
    .site-bar .nav {
        width: 74%;
    }
    .site-tools {
        width: 26%;
    }
}
@media (max-width:768px) {
    .site-bar .nav, .site-tools {
        width: 100%;
    }
}

in the box.

Thanks fotis!

First actually worked! Thanks arunmilky!

one thing though…would that code have caused my mobile version to off center the menu text?

Hi there
Can you please let us know which code are you using now?

site-tools {
width: 34%;
}
.site-bar .nav {
width: 66%;
}

Hi there,
Please use the other one provided.

Hi,I also have same problem,I tried both codes,but nothing.And my main menu is all consists of categories,but one on the line is from pages.

thanks it worked!

I take that back…

the first one solved the problem but just moved my menu tab off centered in the mobile version.

Hi there, use this then

.site-bar .nav {
    width: 74%;
}
.site-tools {
    width: 26%;
}
@media (max-width:768px) {
    .site-bar .nav, .site-tools {
        width: 100%;
    }
}

instead.

It works,thanks.

perfect! Thank You