Create Better Divi Headers

Divi MadMenu

Create Better Divi Headers With The Most Advanced Divi Menu Module
Buy NowLive Demos

Create Headers Using the Divi Theme Builder

Divi MadMenu is a flexible and powerful menu module for creating headers using the Divi Theme Builder*.

Features

N

WooCommerce Live Search

The Search element integrates with the FiboSearch plugin allowing you to add live search to your WooCommerce store to power your sales. Users get live suggestions while typing the search query.

N

Highlight Items On Scroll

Toggles the active state for menu items with anchor links based on current scroll position to indicate which section is currently visible in the viewport.

N

Stop Page Scroll

Stop page scrolling when a popup or popup menu is open(eg. when a fullscreen popup menu is open).

N

Vertical Menu Module

Create vertical navigations anywhere on the page. Learn more

N

Slide Submenus

Create slide submenus for mobile menu. Learn more

N

Header Popups

Use popups to create rich content headers. Learn more

N

Slide-In Menus

Create Slide-In menus appearing from any side of the viewport. Learn more

N

Fullscreen Menus

Create Fullscreen menus. Easily. Learn more

N

Button Authenticated User Content

Display different button content to logged in and logged out users (eg. create a Login/Logout header button). Learn more

N

19 Menu Animations

Apply different animations to the mobile menu and the desktop menu submenus. Learn more

N

7 different elements available

Enable only the header elements you need.

N

Fully customizable elements

Each element has a full set of responsive design options (spacing, sizing, colors, borders, box shadow).

N

Desktop Menu Breakpoint

Control the desktop menu visibility by setting a custom breakpoint.

N

Mobile Menu Breakpoint

Control the mobile menu visibility by setting a custom breakpoint. Works independently from the Desktop Menu Breakpoint.

N

Add different menus for each device

Use menus with different menu items for each device (Desktop, Tablet and Phone).

N

Collapse mobile menu submenus

Prevent the mobile dropdown from expanding beyond the viewport by making its submenus collapsible.

N

Keep mobile parent links clickable

Choose whether to keep the collapsed submenu parent link clickable or disabled.

N

Mobile menu Accordion Mode

Allow only one expanded mobile submenu at a time.

N

Add label to mobile menu toggle

Add text to the hamburger icon. Eg. “Menu”. Can be different for the opened and closed menu.

N

Control label placement responsively

Choose where to place the label on different devices(Top, Right, Bottom or Left). Applicable to CTA buttons’ labels as well.

N

Two CTA Buttons available

Button One and Button Two elements. Can be used as label only, icon only or label&icon buttons (responsively).

N

WooCommerce Cart Contents

Show the cart contents (items count and/or total amount) in the header. Highly customizable including the AJAX live update option.

N

Upload image icons for elements

Upload custom image icons for the Search, Cart and CTA button elements. 

N

Enable Fixed Header

Make the header fixed.

N

Use a Fixed Header Logo

Upload a different logo image for the Fixed header.

N

Fixed Header Styling

Apply a completely different styling to the Fixed header triggered on scroll. Eg. make it shrink, change colors, etc.

N

Set the Fixed Header position

The Fixed Header position can be set responsively either on the viewport top or bottom or can be disabled on certain device(s).

N

Fixed Header content overlapping

The Fixed header can be set to either overlap or push the page content down (prevent the page content from being covered by the header).

N

Elements Alignment

Align elements’ horizontally.

N

Elements Content Alignment

Align the elements’ content both horizontally & vertically.

N

Responsive ordering of the elements

Order elements differently for each device (Desktop, Tablet and Phone).

N

Element Column Width

Set the element’s column(container) width (auto, px, %, etc.). Learn more

N

Dropdown Menu Direction

Select the opening direction for the desktop submenus and the mobile dropdown menu.

N

Main Menu & Submenu styling

Style the main menu and the submenu separately (the menu container and the menu items both for the desktop and mobile).

N

Element label styling

A full set of text options is available for styling the labels of the Mobile Menu Toggle, Button One and Button Two.

N

Control visibility of the elements

Elements visibility can be controlled responsively.

N

Builder Settings

Settings for improving the header design workflow. Have effect in Divi Builder interface.

N

Automatic updates

Divi MadMenu can be updated to the latest version from within the admin dashboard with a click.

N

Documentation

A detailed documentation is provided to make it easy for you to get started using the plugin.

N

More features coming soon

The list of features provided here is just a fraction of what has been planned for Divi MadMenu. More great features coming soon!

Demos

Divi MadMenu comes with ready-to-use demo header layouts. Simply import the demo header, add your content(menus, icons, etc) and you’re ready to go!

Demo 1

Demo 2

Demo 3

Demo 4

Demo 5

Demo 6

Demo 7

Demo 8

Demo 9

Demo 10

Demo 11

Demo 12

Documentation

Divi MadMenu plugin has been thoroughly documented to help you get started easily. The full documentation can be accessed here.

Tutorials

Divi MadMenu comes with a growing list of helpful tutorials that will help you get the most out of the extension. You can find the tutorials here.

Licensing

The Unlimited Sites License includes 1 year of support and updates and allows the product to be installed and activated on unlimited number of sites.

For more info please refer to our Terms of Agreement.

30 Day Money Back Guarantee

If for any reason you are not satisfied with the Divi MadMenu or it just does not meet your expectations, you can request a full refund within the first 30 days from the date of the purchase and you’ll get your money back fully. It’s a completely Risk-Free purchase!

Requirements

* Divi MadMenu module works with the Divi Theme Builder and cannot be used to customize the native header of Divi theme.

For customizing Divi theme’s native header please consider checking out the MMC and DMC plugins.

Buy Now

  • Billed yearly (25% OFF). Cancel anytime.

  • Billed yearly (25% OFF). Cancel anytime.

  • Billed yearly (25% OFF). Cancel anytime.

  • One-Time Fee. Never expires.

    Original price: $139.00

Need more info?

Subscribe To Our Newsletter

Join our mailing list to download Divi freebies and get notified of our discounts, latest news and updates.

You have Successfully Subscribed! Please confirm your email address.

Divi MadMenu Coming Soon!

Join our mailing list to get notified when the Divi MadMenu module is released! Check out the sneak peek...

You have Successfully Subscribed! Please confirm your email address.

Get FREE Divi Layouts

Download 20+ Divi templates for FREE!

Please confirm your email address to complete your subscription. Thank you!

Black Friday Is Coming!

Subscribe to get notified when our BIGGEST SALE starts!

Please confirm your email address to complete your subscription. Thank you!

Cyber Monday Is Coming!

Subscribe to get notified when the SALE starts!

Please confirm your email address to complete your subscription. Thank you!

Black Friday Is Coming!

Subscribe to get notified when our BIGGEST SALE starts!

Please confirm your email address to complete your subscription. Thank you!