Mega Menu

Default

  • javascript

Navigation bar with full-width drop-downs. Retains position during scroll for speedy navigation, but condenses navigation to a small bar to minimize disruption of content below.

When JavaScript is available and supported, the navigation is enhanced in the following ways:

  • MegaMenu: Adds animation and toggle (open/close) functionality to tabs.
  • PriorityPlus: Shows or hides tabs based on available space, inversely showing/hiding equivalent content within the overflow menu.

This component works with the Page component to play nicely within an overall page layout.

Skip to main content

Dark

  • javascript

A dark theme for the MegaMenu component. Ideal for usage on secondary sites, or microsites that need to maintain the Champion brand aesthetic but benefit from an alternative menu style that contrasts the default MegaMenu pattern.

Skip to main content