# Advanced Mega Menu layout

**Metronic 9 reference:** [Demo 7](https://keenthemes.com/metronic/tailwind/react/demo7)

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-header` body attribute is removed on unmount.