Centered Desktop Menu
The desktop menu items are centered, with the rest of the header elements aligned to left and right sides on desktop.
Close On Outside Click
The mobile dropdown menu closes if you click somewhere outside of it’s boundaries.
Mobile Menu Toggle Label Enabled
The mobile menu toggle(hamburger icon) is set the Menu label.
Menu CTA button
A CTA button is enabled.
The menu template is designed with responsiveness in mind, it looks great on any screen width (though it depends on the number of the menu items in the menu used for desktop).
Collapsed Mobile Submenus
The mobile submenus are collapsed and can be toggled by clicking the parent menu item.
Accordion Mode Enabled
The Accordion Mode is enabled for the mobile submenus allowing to have only one expanded submenu at a time.
Fixed Header Enabled
Fixed header is enabled on all devices.
No Content Overlap
Fixed header does not overlap the page content.
Small Logo Used On Phone
A small version of the logo is used on the Phone menu to save space on smaller screens.
No Custom Code Used!
This demo layout does not use any custom code. It can be fully customized using the Divi MadMenu settings (and other Divi Builder elements if any used) like any other Divi layout.