NewThe Supreme Bundle: every Divi Supreme plugin, 31% less than buying separately.See what’s inside →

Divi 5 Ready

Sign in

Get Supreme Bundle

Supreme Mega Menu

Mega menus built from real Divi layouts.

Drop any Divi Library layout into a dropdown. Add 30+ animations and a mobile menu that works.

Get Supreme Mega MenuHow it works
Layout
Trigger
Dropdown animation

divisupreme.comLive demo: real Supreme Mega Menu

30+ animations

For dropdowns and the mobile menu

4 content types

Link, WordPress menu, Divi layout or reveal target

Built-in mobile menu

Hamburger, accordion, own animations

Divi 5 and Divi 4

WPML compatible

Any Divi layout becomes a dropdown.

Design the dropdown in the Divi Builder like any page, save it to the Divi Library, then attach it to a menu item. No shortcodes, no custom code.

Content type: Link

Content type: WordPress Menu

Content type: Divi Layout

Content type: Reveal Target

#booking-cardReserve for Saturday

Reveal any row. Right from the menu.

Set a menu item to Reveal Target and it shows or hides any Divi row by its CSS ID. Use it for booking forms, search bars and promo panels that stay out of the way until someone asks.

Reveal animation
Duration 300ms
Default state
Close when clicking outside

divisupreme.comLive demo

Row CSS ID: booking

DateSat 18 Oct

Time19:30

Guests2 people

Confirm table
Freshly baked sourdough loaves

Sourdough, baked every morning.

Sample page for this demo.

Reveal Target always opens on click, even when the rest of the menu opens on hover.

Size and place every dropdown.

Set the dropdown width, align the menu and add a pointer arrow. Every setting previews live in the Divi Visual Builder.

Dropdown width
Menu alignment
Dropdown arrow

Live demo

Container: the dropdown spans the menu bar.

Dim the page. Focus the dropdown.

Turn on Overlay on Dropdown Open and the page fades behind your mega menu, like a popup backdrop. Visitors click the overlay to close it. It works for the mobile menu too.

divisupreme.comLive demo

Get All-Access

Build better Divi sites.

70+ modules and 16 extensions in one plugin.

Overlay on dropdown open
Overlay colour
Overlay blur 4px
Keep header visible
Transition

Live demo

A mobile menu you don't have to fight.

Supreme Mega Menu builds its own mobile menu, so desktop dropdowns don't break on phones.

  • Hamburger left or right of the logo
  • Accordion dropdowns, one open at a time
  • Open from the icon or the whole menu item
  • 30+ entrance and exit animations, set separately
Hamburger position

Everything a Divi header needs, in one module.

5 link hover effects

Pick an underline or highlight for menu links. Hover the links below.

Badges

Flag a menu item as New, Sale or Hiring, with its own colours and position.

Search

A search icon that opens a search field, with its position set by you.

WooCommerce cart

A cart icon with a live item count, styled to match the menu.

Logo, icons and images

Add your logo with an optional divider, plus an icon or image on any menu item.

Nested submenus

Add submenus inside a dropdown for deep site structures, each with its own styling.

Preview in the builder

Turn on the dropdown preview to design open menus right inside the Divi Visual Builder.

Loads only where used

Its CSS and JavaScript load only on pages with a Mega Menu module, so the rest of your site stays fast.

Get Supreme Mega Menu. Use it on every site.

Build every header and mega menu on every client site.

Yearly

$39 /year

Updates and support for 12 months. Renews at 30% off.

  • Unlimited mega menus
  • Divi Library layouts in dropdowns
  • 30+ animations
  • Mobile menu built in
  • Unlimited sites
Buy yearly

Pay once

Lifetime

$79 one time

Every future update and lifetime support. No renewals.

  • Unlimited mega menus
  • Divi Library layouts in dropdowns
  • 30+ animations
  • Mobile menu built in
  • Unlimited sites
Buy lifetime

Best value

All-Access, 4 plugins

$129 first year

Supreme Mega Menu plus Divi Supreme Pro, Supreme Mega Menu, Supreme Maps Pro and Supreme AI. Renews at $90/yr, or $449 lifetime.

  • Each plugin keeps its own license key
  • $186/yr if bought separately
Get All-Access - 4 Plugins

14-day money-back guaranteeUnlimited sites on every planDivi 5 and Divi 4

Questions about Supreme Mega Menu

Can I use a Divi layout inside the dropdown?

Yes. Set a menu item's content to Divi Layout and pick any layout from your Divi Library. Images, buttons, forms and modules all work inside the dropdown.

Does it replace my theme header?

Build your header in the Divi Theme Builder and add the Mega Menu module. It can show your logo, menu items, search and a WooCommerce cart icon.

How does it work on mobile?

It has its own mobile menu: a hamburger you can place left or right of the logo, accordion dropdowns, and separate entrance and exit animations.

Can I reuse my existing WordPress menu?

Yes. A menu item can load any WordPress menu, so you can keep managing links in Appearance > Menus.

Will it slow my site down?

No. Its CSS and JavaScript only load on pages that use the Mega Menu module.

Does it work with WPML?

Yes. Supreme Mega Menu is WPML compatible, so your menu text can be translated for each language.

Can I make a full-width mega menu in Divi?

Yes. Set the dropdown width to full width so it spans the whole header, match it to the menu, or enter a custom width and height for each menu item.

Does Supreme Mega Menu support nested submenus?

Yes. Dropdowns can include submenus for deeper site structures, and you can add a pointer arrow and style each level separately.

What is a Reveal Target menu item?

Set a menu item's content type to Reveal Target and type the CSS ID of any row on your page. Clicking the item shows or hides that row, with a Fade, Fade Down, Push Down or Push Up animation. You choose whether it starts hidden or visible, and whether a click outside closes it.

Can the page dim when a dropdown opens?

Yes. Turn on Overlay on Dropdown Open to show a backdrop behind open dropdowns and the mobile menu. Pick its colour and blur, and choose whether the header stays above it. Clicking the overlay closes the dropdown.

Can I control how fast dropdowns open?

Yes. Pick a dropdown animation, set the transition duration from 0 to 2000ms, and choose the speed curve: Ease In Out, Ease, Ease-In, Ease-Out or Linear.

Menus that sell. Built in Divi.

Turn any Divi layout into a dropdown your visitors will actually use.

Get Supreme Mega MenuRead the docs

Divi Supreme Pro

70+ modules, 16 extensions

Supreme AI

AI writing, images and stock media

Supreme Maps Pro

Google Maps and Leaflet for Divi

Divi Supreme