Tabbed Mega Menus

How to set up a Tabbed Mega Menu

Menu Structure

The menu structure defines the tabs which are visible in the mega menu. It is possible to use the Mega Menu builder to design the content of each tab.

Menu structure for a tabbed mega menu

This menu structure creates a tabbed mega menu:

Tabbed mega menu with the Birds tab open, showing menu items and images

Displaying Widgets inside a tab

In our example, we are showing a menu item and an image widget in each column of the “Birds” tab.

Mega Menu button on the Birds menu item

Clicking the blue Mega Menu button will open the Mega Menu Settings. Widgets can be added to the sub menu through the “Tab Content” tab:

Tab Content tab for the Birds item using the Grid Layout with image widgets

Styling the tabs

The content of the tabs inherit the styling from the “Mega Menus” styling options in the Theme Editor.

There is a “Tabbed Mega Menus” section within the “Mega Menus” tab of the Theme Editor to style the tabs themselves:

Tabbed Mega Menus styling options in the theme editor

FAQ: Can I move the position of the tabs?

It is not possible to move the position of the tabs, tabs will always be vertically aligned on the left hand side of the mega menu.