Create Better Divi Headers

Divi MadMenu v1.9: Introducing the Vertical Menu Module

by | Jun 8, 2022 | 9 comments

Today I’m excited to announce the release of the Divi MadMenu v1.9! This update is different from previous ones because it introduces the brand new MadMenu Vertical Menu module allowing to create vertical navigations anywhere in a Divi layout.

Before this update Divi MadMenu used to be a single-module Divi extension, though each of the available elements of the MadMenu module could easily be a separate module on its own due to the amount of features provided for each.

But starting with the v1.9 there are two menu modules now, you can easily find the new MadMenu Vertical Menu module by searching for madmenu in the Divi Builder modules modal.

Features

Here are some of the features currently available in this module:

N

Assign different menus for desktop, tablet and phone

N

Collapse submenus with two styles available: Expand and Slide Right/Left

N

Keep collapsed submenus parent links clickable

N

Accordion mode for the collapsed submenus

N

Parent item customization options

N

Change the parent item arrow icon

N

Animate the parent item arrow icon (rotate or flip when toggling submenus)

N

Slide submenus header text: use the parent item text, custom text or no text at all

N

Change the Slide submenus header icons(the "Back" and "Home" icons)

N

Each menu element fully customizable(sizing, spacing, borders, colors, etc.)

N

Custom CSS fields available for additional customization possibilities for some elements (parent item, submenu header, etc.)

Use Cases

You can use the MadMenu Vertical Menu module just like any other Divi module.

Some of the places you might need to add a vertical navigation to are:

N

Vertical Slide-In Menu

Divi MadMenu allows creating Slide-In menus using the header popups feature, so, first you’ll need to create the Slide-In menu using the MadMenu module.

And then use the MadMenu Vertical Menu module to add the vertical navigation into it.

N

Fullscreen Menu

Similarly to the Vertical Slide-In menu above, you can create a Fullscreen menu and use the MadMenu Vertical Menu module to add a vertically aligned navigation into it.

N

Sidebar Menu

If you need an inline vertical menu in the sidebar, this new module is perfect for that as well.

N

Anywhere else on the page!

So, basically, using the MadMenu Vertical Menu module you can easily create vertical navigations anywhere in the page layout or theme builder template, for example, in the website footer

Documentation

To learn more about the features of the new module and how to use them please read the full documentation here.

Final Thoughts

The MadMenu Vertical Menu module is a great addition to what Divi MadMenu has already to offer. It allows you to create vertical navigations anywhere on the page providing lots of flexibility in terms of functionality and design.

What do you think of this new module? Feel free to share your thoughts and suggestion in the comments section below.

And stay tuned for more awesome updates coming for Divi MadMenu soon!

View Live Demos & Get Divi MadMenu

Download FREE Divi Sections

Subscribe To Our Newsletter

Join our mailing list to download Divi freebies and get notified of our discounts, latest news and updates.

You have Successfully Subscribed! Please confirm your email address.

Divi MadMenu Coming Soon!

Join our mailing list to get notified when the Divi MadMenu module is released! Check out the sneak peek...

You have Successfully Subscribed! Please confirm your email address.

Get FREE Divi Layouts

Download 20+ Divi templates for FREE!

Please confirm your email address to complete your subscription. Thank you!

Black Friday Is Coming!

Subscribe to get notified when our BIGGEST SALE starts!

Please confirm your email address to complete your subscription. Thank you!

Cyber Monday Is Coming!

Subscribe to get notified when the SALE starts!

Please confirm your email address to complete your subscription. Thank you!

Black Friday Is Coming!

Subscribe to get notified when our BIGGEST SALE starts!

Please confirm your email address to complete your subscription. Thank you!