DropDown Menu - How to center and not spill onto next line?

Hello, I would like to know how to make the top navigation menu remain all on one line, centered and with some sort of hard break that prevents it from spilling over onto the next line.

If I have too many menu items, it spills onto the next line - I do not want this.

Is it possible to make the menu item spacing expand or contract, but always remain on one line?

So in the case of 4 main menu items, there is more space between, but if I change it to 8 main menu items, the space between is less (but never spills over onto the next line).

Thank you for your help.

 

Hello,

Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.
You need to adjust the width and font-size of menu item according to the number of menu items.

 

Is it possible to center the menu items? What is the code for that, please?

For example, I saw this on another thread:

Code:

#menu li a {
float: none;
}
#menu .ddsmoothmenu li {
float: none;
}
#menu .ddsmoothmenu {
float: none;
text-align: center;
}

Will the above code work?

 

Hello,
Yes, code given above work fine for ColorWay Premium Theme.

Thanks & Regards
Gourav Shrivastava