Submenus
Compare dropdowns, mega menus, tabbed menus and masonry layouts, and pick the right submenu for each item.
A submenu is the panel that opens when a shopper hovers over or clicks a top-level item. Every type starts the same way: in the editor’s Elements tree, click Add submenu under a top-level item, point to a group in Select template, and click Select on a template.
Dropdown menuA simple list of links, with optional deeper levels.
Mega menuA wide panel of blocks: links, images, products and more.
Tabbed menuSwitch between groups of content inside one submenu.Pro
Masonry layoutStack blocks of different heights in columns, or use a Special menu.Pro
Which one should I use?
| Type | Best for | Group in Select template | Plan |
|---|---|---|---|
| Dropdown menu | A short list of links, with optional deeper levels | Dropdown menu (flyout menu) | All plans |
| Mega menu | Columns of links, images, products or a contact form | Mega menu | All plans; product list and carousel templates need Growth Navigation or Pro Navigation |
| Tabbed menu | Groups such as Men, Women and Kids in one submenu | Tabs | Pro Navigation |
| Masonry layout and Special menu | Large catalogs: uneven columns, or a category list with a panel per category | Special menu | Pro Navigation |
Was this helpful?
Thanks for your feedback! Tell us what was missing
Report an issue