Divi MadMenu Demo 3

Divi MadMenu Demo 3

Main Features

N

Centered Logo

Logo is aligned in the middle of the header bar on Desktop and Tablet devices.

N

Evenly Aligned Elements On Phone

Header elements aligned evenly on Phone devices.

N

Mobile Menu Toggle Label Enabled

The mobile menu toggle(hamburger icon) is set the Menu and Close labels for the closed and opened dropdown menu states respectively.

N

Dropdown Menu Placement

Mobile dropdown menu is attached to the menu toggle(hamburger menu) on Tablet, but is positioned in the middle of the header on Phone.

N

Different Animations Used

The mobile dropdown menu is applied different opening/closing animations on Tablet and Phone devices.

N

Fullwidth Dropdown Menu On Phone

Mobile dropdown menu is full width on Phone.

N

Search and Cart Enabled

Search and Cart elements are both enabled.

N

Menu CTA button

A CTA button is enabled.

N

Elements Responsive Ordering

Header elements ordered differently on the Phone device.

N

Small Logo Used On Phone

A small version of the logo is used on the Phone menu to save space on smaller screens.

N

Responsive Design

The menu template is designed with responsiveness in mind, it looks great on any screen width.

N

Custom Image Icons Used

Custom image icons used for the header elements.

N

Collapsed Mobile Submenus

The mobile submenus are collapsed and can be toggled by clicking the parent menu item.

N

Accordion mode enabled

The Accordion Mode is enabled for the mobile submenus allowing to have only one expanded submenu at a time.
N

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.

Free Download Divi Section Layouts

Download 19 ready-to-use Divi templates for FREE!

You have Successfully Subscribed! Please confirm your email address.

Free Download Divi Section Layouts

Download 19 ready-to-use Divi templates for FREE!

You have Successfully Subscribed! Please confirm your email address.