Mega menu
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| Menu item name | menu_title | text | Must match the title of a top level item in the main menu exactly (case sensitive). | |
| Panel layout | layout_type | select | columns | |
| Content width | max_width | select | default | |
| Auto columns from menu sub-links | auto_groups | checkbox | true | |
| Maximum links per auto column | link_limit | range | 0 | 0 shows every link. Auto columns only. |
| Show heading row | show_heading | checkbox | false | |
| Heading | heading | text | ||
| Description | text | textarea | ||
| Title size (mobile) | heading_size_mob | select | text-base | |
| Title size (desktop) | heading_size | select | text-base | |
| Title color | heading_color_mode | select | heading-text | Custom applies the Custom color below. |
| Custom title color | heading_color | color | #111827 | Shown when Title color is Custom. |
| Alignment (mobile) | heading_align_mob | text_alignment | left | |
| Alignment (desktop) | heading_align | text_alignment | left | |
| Description size (mobile) | text_size_mob | select | text-sm | |
| Description size (desktop) | text_size | select | text-sm |
Option values
- Panel layout (
layout_type): Columns — every group is a column (columns), Tabs — labels on top, panel below (tabs-horizontal), Sidebar — labels on the left, panel on the right (tabs-vertical) - Content width (
max_width): Narrow (1080px) (narrow), Default (1320px) (default), Wide (1600px) (wide), Full width (full) - Title size (mobile) (
heading_size_mob): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl) - Title size (desktop) (
heading_size): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl) - Title color (
heading_color_mode): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom) - Description size (mobile) (
text_size_mob): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl) - Description size (desktop) (
text_size): 3 Extra Small (text-3xs), 2 Extra Small (text-2xs), Extra Small (text-xs), Small (text-sm), Medium (text-base), Large (text-lg), Extra Large (text-xl), 2X Large (text-2xl), 3X Large (text-3xl), 4X Large (text-4xl), 5X Large (text-5xl), 6X Large (text-6xl), 7X Large (text-7xl), 8X Large (text-8xl), 9X Large (text-9xl)
Presets
- Mega menu · auto columns
- Mega menu · sidebar tabs
- Mega menu · columns + cards
- Mega menu · collection products
- Mega menu · sidebar tabs + products