Header megamenu extended no whitespace
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
- Grayscale toggle
- Settings menu
- Darkmode
- Grayscale
Megamenu
- List items
- List items - Highlighted
Background colors
Background colors can be given to either the primary or secondary menu, or both and search dropdown.
- Default - white
- Body
- Primary
- Secondary
- White
- Custom header color
Grid
- Default - fit-content
- Full width