1.2 KiB
1.2 KiB
Advanced Mega Menu layout
Metronic 9 reference: Demo 7
A header-only layout: the whole application menu lives in a mega menu beside the logo, and the page
content runs full width beneath it. The header becomes sticky and shrinks past
layouts.advanced-mega-menu-layout.headerStickyOffset.
Composition
| Piece | Source |
|---|---|
| Mega menu | MegaNavMenu from ../shared |
| Mobile menu (sheet) | SidebarAccordionMenu from ../shared |
| Toolbar and breadcrumbs | Toolbar / ToolbarHeading from ../shared |
| Footer | AppFooter from ../shared |
| Account menu | UserAvatarMenu from ../shared |
Layout-specific: Header, HeaderLogo.
Notes
- The mega menu panels show two levels — a section's children as columns, their children as links. Deeper entries stay reachable through the toolbar breadcrumbs and the mobile accordion.
- The
data-sticky-headerbody attribute is removed on unmount.