The header spans the entire screen width.
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.
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 Alignment
Header elements aligned differently on different devices.
The logo is centered with the rest of the header elements aligned to the left and right sides.
Collapsed Mobile Submenus
The mobile submenus are collapsed and can be toggled by clicking the parent menu item.
The Slide Left style is enabled for the collapsed submenus.
Different Logo Used On Mobile
A small version of the logo is used on mobile 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.