This is a quick post to show the CSS I used to style the global navigation / top navigation in SharePoint 2013.
I’ve used bright and different colours to make each CSS section easy to identify. The top level is in blue, when you hover over a link it changes to aqua. Hovering over a drop down item changes it to lime.
By default SharePoint wraps the menu item text, producing a result as below.
In order to ensure all each menu item is displayed on one line I had to update ul.dynamic as below, using min-width, white-space: no wrap and word-wrap: normal.
This is the result.