Brilliant!
I tweaked Section 4 to:
.navbar .nav {float: none; width: 1000px; text-align: left;}
.navbar .nav > li {float: none; display: inline-block;}
Many thanks Dave!
Yes Dave, that’s the one I read, but you posted at the bottom: “I’d suggest the Forum would be a better place to get a solution for this. You’ll get a much wider audience. This isn’t my code, and I’ve not used it before.”
The code supplied appeared to to prevent multiple words within the same menu item from wrapping but did not prevent the whole line of items dropping down to two.
I added this to my child theme but it didn’t stop the menu items from wrapping.
/* Prevent word-wrap */
.navbar .nav li {
white-space: nowrap;
}
Any further suggestions would be appreciated.
Many thanks
