Classic Mega Menu

A full-width mega panel on a 12-column grid. Drop in any mix of lists, images, icons, and nested sub-columns. The most flexible menu type — suited to rich navigation for content sites, corporate portals, and everything in between.

When to use Classic Mega Menu

  • Navigation with a lot of items that benefit from visual grouping
  • Menus that mix text lists with promotional images
  • Category-heavy sites where a single dropdown column feels cramped

Creating a Classic Mega Menu

  1. Click Add Submenu in the builder for the item to which Mega Menu will be appended.
    Select Classic Mega Menu as the menu type.

    Selecting Classic Mega Menu type
    Figure 1 Choose Classic Mega Menu from the menu type selector.

  2. Choose one of the preset column layouts — or mix column widths to suit your content. Available layouts work within a 12-column grid:

    Layout presets
    Figure 2 Preset layouts based on a 12-column grid.
    • 6-6 — two equal columns
    • 4-4-4 — three equal columns
    • 3-3-3-3 — four equal columns
    • 3-3-6, 3-3-6 — two narrow, one wide
    • 2-2-2-2-2-2 — six equal columns
    • …and more

  3. Once a layout is chosen, the editor renders one panel per column. Each column has a type selector at the top.

    Column type selectors
    Figure 3 Each column can be assigned an independent type.

  4. Configure each column individually:

    Column types example
    Figure 4 Each column can be assigned an independent type.
    In the image, first column is appended a "Single Image Link" column,
    whereas, second column is appended a "Normal List" column

  5. Click Save at the top of the editor.

  6. Please see All Column Types here for details on each option.

Available column types

Inside a Classic Mega Menu, each column can be any of:

  • Normal List — a heading + list of links, optionally with icons
  • List with Inline Images — a list where each item has a thumbnail and short description
  • Multiple List — subdivides one wide column into 2 or 3 smaller lists side-by-side
  • Image Link — a single clickable image, ideal for featured promos
  • Image + List — a header image followed by a list of links below

See All Column Types for configuration details.

Changing the layout later

You can switch layouts at any time from the layout picker. Existing column content is preserved as long as the number of columns matches. If you switch to a layout with fewer columns, the extra columns' content is discarded.

Tip For wide columns (6/12 or larger), consider using Multiple List to subdivide — a single list inside a very wide column often looks empty.

Grid dividers

By default, a vertical gradient separator appears between columns. You can toggle this globally from Settings → General → Content Separator. See the Settings Reference.