Description

Header megamenu extended is a menu with primary and secondary menu items, where the primary items can open a megamenu, with underlying menu items.
Obs. inline styling and hr is only for display purposes on this demo page.

Brand

• Image
• Text

Primary menu

• List items
• CTA button
• Search toggle

Secondary menu

• List items
• List items - Social
• CTA button
• Darkmode toggle

Megamenu

• List items
• List items - Highlighted

Background colors

Background colors can be given to either the primary or secondary menu, or both.

• Default - white
• Body
• Primary
• Secondary
• White
• Custom header color

Grid

• Default - fit-content
• Full width