Icon-only CTA Buttons
Both header CTA buttons have icons only, no button text used.
Centered Desktop Menu
The desktop menu items are centered, with the rest of the header elements being aligned to left and right sides on desktop.
Mobile Menu Enabled On Desktop
The mobile menu is enabled on desktop by applying a custom mobile menu breakpoint.
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).
Elements Responsive Ordering
Header elements are ordered differently on different devices.
Fixed Header Enabled
Fixed header is enabled on all devices.
Close On Outside Click
The mobile dropdown menu closes if you click somewhere outside of it’s boundaries.
Search and Cart Enabled
The Search and Cart elements are both enabled.
Log In/Account Button
The Log In button allows the logged out user to log in(you need to link this button to the page with the log in form).
The same button becomes the Account button when the user is logged in allowing the user to access the user account page(you need to link this button to the account page).
Collapsed Mobile Submenus
The mobile submenus are collapsed and can be toggled by clicking the parent menu item.
Accordion mode enabled
Small Logo Used On Phone
A small version of the logo is used on the Phone menu to save space on smaller screens.
Custom Image Icons Used
Custom image icons are used for the header buttons, search and cart elements.
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.