Secondary Horizontal Navigation

Click this text to identify the secondary horizontal navigation.

Developer Notes

The secondary horizontal navigation is a ul of class ux-snav. Sub-menus should also be a ul immediately following the link within each list item.

ux.js automatically adds hover states (ux-snav-hover) and the required ux-snav-has-submenu for list items that contain a sub-menu (you can also manually add that class), and it also resets the minimum width of any drop-down menus to be at least as wide as their parent list item.

Disabled items should get a class of ux-snav-disabled added to their li. ux.js will prevent the addition of hover or active states to this tab as well preventing the link from working.

The Horizontal (Secondary) Navigation ul exists independently from the Primary Navigation; a Primary Navigation tab does not need to be selected.