Main Features
Horizontal Slide-In Menu
Clicking the hamburger icon reveals the horizontal menu sliding in from top.
Close on outside click
The Slide-In menu closes if you click somewhere outside of it’s boundaries.
Menu close button
The Slide-In menu has a Close button (the X button) for closing the menu.
Horizontal menu on all devices
The horizontal(desktop) menu is enabled on all devices.
Responsive design
The menu template is designed with responsiveness in mind.
Different menus for each device
The horizontal(desktop) menu is assigned different menus for each device(desktop and phone).
Both desktop & mobile menus enabled
Both the Desktop and Mobile Menu elements are enabled on mobile devices.
Toggle mobile submenus on click
The mobile menu nested menu items are expanded/collased by clicking the parent menu item’s arrow icon.
Accordion mode enabled
The Accordion Mode is enabled for the mobile submenus allowing to have only one expanded submenu at a time.
No Custom Code Used!
This demo layout does not use any custom code.
All of the features can be customized in the Divi MadMenu settings (and other Divi Builder elements if any used).