Mega Menu demo

Full-width resources menu

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

In this demo

The settings it uses

Width: Full

Background: dark navy

Text: light

Padding: 40px

Try it yourself

Make one like it

  1. Add a Mega Menu item and create its panel.
  2. Under Size and position, set Width to Full.
  3. Under Panel style, set the Background and Text colors.

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

Promo column

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

Mega MenuFree

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.

Mega MenuFree