Mega menu

The Mega menu element shows your e-commerce collections as a bar of departments. Hovering a department expands a panel with its categories and sub-categories in columns, with the department's image and description featured. It naturally belongs in the navigation bar of a store with a large catalog.

Departments, categories and sub-categories are pulled automatically from your Categories: there is nothing to re-enter in the editor. Add, rename or reorder your categories in the dashboard and the mega menu updates across the whole site.

“See all” button text

Each panel features the department's image and description, followed by a button that leads to its page. The “See all” button text field sets this button's label (for example "See all" or "Browse the department"). Leave the field empty to hide the button.

Mega menu style

The style panel lets you adjust the text style of the departments in the bar: pick their Color and Font to match your theme.

By default, the departments are spread across the full width of the bar; the horizontal alignment also lets you place them on the left, center or right.

The panel also gathers the background, borders, shadow, inner margins and transitions.

For a simple list of links without panels, use the Navigation element instead; to group a few links under one label, the Dropdown menu.