Menu bar change spacing

On my Customizr manu bar on the home page, I have one too many items, so the last one wraps around to form a second line. I would much prefer all menu items be on one line only. Is there a way to fix this? Thank you.

Hello,

Can you please provide link to your site so that I can have a close look to the issue for any help?

Also it is recommended not to use a lot of items in the menu. If you have more pages, make it sub-items of one menu so that it will look good.

Hello,

Can you please provide link to your site so that I can have a close look to the issue for any help?

Also it is recommended not to use a lot of items in the menu. If you have more pages, make it sub-items of one menu so that it will look good.

Hi,
Ok thank you. The site is https://www.millerfoodguide.com.

You need to try this code either in your custom css (If your theme provides or by using any plugin) or in the style.css of your child theme.

header .brand.span3 {
    width: 20%;
}
header .navbar-wrapper.span9 {
    width: 77%;
}
.navbar .nav > li > a {
    padding: 5px 10px;
}

Thank you!

You’re most welcome.