SALES & SERVICING COMPONENTS
Responsive Web Navigation
Overview
The responsive Web navigation component offers maximum flexibility to nest multiple subsections or feature a promotional message with photo (promos show in Desktop viewport only – they are suppressed for tablet/mobile views).
Note: Nested button stack should never be combined with a promo – they are mutually exclusive.
Specifications
Persistent Nav Bar
The persistent navigation bar is pinned to the top of the viewport on all devices. Content scrolls underneath it. Selecting a category in the desktop view invokes the expanded mega-menu (desktop only).
Table
Mobile
Promo with 1 Column
Promo with 2 Column
Nested Options
This nested option is indicated when three levels of navigation exist.
Nested | 1 Row | No Section Title
Nested | 2 Rows | With Section Title
Nested | Collapsed | Tablet
Nested | Expanded | Tablet
Nested | Collapsed | Mobile
Nested | Expanded | Mobile