Changing the width of the navbar to make it a single row

Replies: 0

Hi,

I’ve taken out the dropdowns in my site so now there are more menu items. How do i alter the width of the navbar so that all the menu items fit into one row?

I’ve tried a few things now but can’t seem to get it right.

For example:

#menu-navigation {
max-width:0;
}

#menu-navigation.nav.navbar-nav {
max-width:0;
}

Please could someone let me know if they know where i am going wrong?

Currently, it looks like this:
My navbar

thank you