Show the cart contents (items count and/or total amount) in the header. Highly customizable including the AJAX live update option.
Apply different animations to the mobile menu and the desktop menu submenus.
Enable only the header elements you need.
Each element has a full set of responsivedesign options (spacing, sizing, colors, borders, box shadow).
Control the desktop menu visibility by setting a custom breakpoint.
Control the mobile menu visibility by setting a custom breakpoint. Works independently from the Desktop Menu Breakpoint.
Use menus with different menu items for each device (Desktop, Tablet and Phone).
Prevent the mobile dropdown from expanding beyond the viewport by making its submenus collapsible.
Choose whether to keep the collapsed submenu parent link clickable or disabled.
Allow only one expanded mobile submenu at a time.
Add text to the hamburger icon. Eg. “Menu”. Can be different for the opened and closed menu.
Choose where to place the label on different devices(Top, Right, Bottom or Left). Applicable to CTA buttons’ labels as well.
Upload a different logo image for the Fixed header.
Upload custom image icons for the Search, Cart and CTA button elements.
Button One and Button Two elements. Can be used as label only, icon only or label&icon buttons (responsively).
Settings for improving the header design workflow. Have effect in Divi Builder interface.
Make the header fixed.
Apply a completely different styling to the Fixed header triggered on scroll. Eg. make it shrink, change colors, etc.
The Fixed Header position can be set responsively either on the viewport top or bottom or can be disabled on certain device(s).
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).
Align elements’ horizontally.
Align the elements’ content both horizontally & vertically.
Select the opening direction for the desktop submenus and the mobile dropdown menu.
Order elements differently for each device (Desktop, Tablet and Phone).
Set the element’s column(container) width (auto, px, %, etc.).
Style the main menu and the submenu separately (the menu container and the menu items both for the desktop and mobile).
A full set of text options is available for styling the labels of the Mobile Menu Toggle, Button One and Button Two.
Elements visibility can be controlled responsively.
Divi MadMenu can be updated to the latest version from within the admin dashboard with a click.
A detailed documentation is provided to make it easy for you to get started using the plugin.
The list of features provided here is just a fraction of what has been planned for Divi MadMenu. More great features coming soon!