Mega Menu demo

Account card

A small card at the right end of the menu, lined up with its item. It opens on a click and works with the keyboard: Escape closes it.

In this demo

The settings it uses

Width: Custom, 300px

Position: Right

Open on: Click

Padding: 24px

Try it yourself

Make one like it

  1. Add a Mega Menu item at the end of your menu and create its panel.
  2. Set Width to Custom (300px) and Position to Right.
  3. Set Open on to Click.

More demos

All Mega Menu demos

Each one shows a different set of options, free and Pro.

Shop menu

A store’s Shop menu: four columns of categories and a highlighted box, opened by moving the mouse over the item.

Mega MenuFree

Agency services

An agency’s Services menu that opens on a click. The item is also a link: on phones it goes straight to the services page.

Mega MenuFree

Full-width resources menu

A dark panel that spans the whole screen, with four columns of links for a software product.

Mega MenuFree

Promo column

A narrower panel lined up with its item: a list of courses next to a colored offer box.

Mega MenuFree