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.

© Optum 2015 - Matt Lavallee - Senior UI/UX Designer, Inc. - All Rights Reserved