Mega Menu Positioning
Position settings are available for Automatic and Custom Width modes.
Area-based width modes already define both their width and position, so separate position settings are not displayed for:
- Navigation links area
- Navigation bar
- Content container
- Full browser width
Position Reference
Browser Window
Positions the menu relative to the visible browser window.
Navigation Bar
Positions the menu relative to the complete navigation-bar area.
Navigation Links Area
Positions the menu relative to the section containing the page-navigation links.
Content Container
Positions the menu relative to the configured content-container element.
Current Navigation Item
Positions the menu relative to the top-level navigation link that opens it.
Alignment
Each position reference supports:
- Start
- Center
- End
For left-to-right languages:
- Start corresponds to the left edge
- End corresponds to the right edge
For right-to-left languages, start and end follow the writing direction.
Viewport Protection
The selected position is treated as the preferred anchor.
When the menu would extend beyond the browser window, the package moves it far enough to keep it visible.
Automatic and custom-width menus keep a safety margin of approximately 16 pixels from the browser edges.
When the configured menu is wider than the available viewport, the width is reduced.
Full-browser-width mode is the exception and intentionally reaches both browser edges.
