Mobile Menu Enabled On Desktop
The mobile menu is enabled on desktop by applying a custom mobile menu breakpoint.
Search and Cart Enabled
The Search and Cart elements are both enabled.
Responsive Mobile Menus Assigned
Different mobile menus are assigned for Desktop, Tablet and Phone devices.
Elements Responsive Ordering
Header elements are ordered differently on Phone.
Icon-only CTA Buttons
Both header CTA buttons have icons only, no button text used.
Custom Image Icons Used
Custom image icons are used for the header buttons, search and cart elements.
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).
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.
The Slide Right style is enabled for the collapsed mobile menu submenus.
Small Logo Used On Phone
A small version of the logo is used on the Phone menu to save space on smaller screens.
Different Menu Animations Used
Different mobile menu animations applied to the mobile dropdown menu on desktop and mobile devices.
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.