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:
Assign different menus for desktop, tablet and phone
Collapse submenus with two styles available: Expand and Slide Right/Left
Keep collapsed submenus parent links clickable
Accordion mode for the collapsed submenus
Parent item customization options
Change the parent item arrow icon
Animate the parent item arrow icon (rotate or flip when toggling submenus)
Slide submenus header text: use the parent item text, custom text or no text at all
Change the Slide submenus header icons(the "Back" and "Home" icons)
Each menu element fully customizable(sizing, spacing, borders, colors, etc.)
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:
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.
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.
Sidebar Menu
If you need an inline vertical menu in the sidebar, this new module is perfect for that as well.
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!
I too have a requirement to keep initial state of all submenus closed even if there is an active item in it. Is there any solution?
Hi Vijay.
Divi MadMenu v1.9.10 has just been release adding the “Active Item Auto-Reveal” feature both to the MadMenu Vertical Menu module and the MadMenu module’s Mobile Menu element.
This feature does exactly what you need – you can use it to enable/disable auto expanding the submenus that contain the current menu item (it’s enabled by default). For the MadMenu Vertical Menu module you can do that in
MadMenu Vertical Menu Settings -> Content -> Menu -> Active Item Auto-Reveal
and for the MadMenu module Mobile Menu element in
MadMenu Settings -> Content -> Mobile Menu -> Active Item Auto-Reveal
Please update to the latest version and give it a try
(v1.9.10 is already available on Divicio.us, however, it may take a few days before it becomes available on ET Divi Marketplace as well, after it gets approved).
Hi there, How can I keep initial state of all submenus closed even if there is an active item in it?
Hi Martha.
Thanks for your question. The submenu gets expanded automatically if it contains the current(active) menu item so that users know where in the navigation they are currently. This makes navigating your website much easier for them thus improving the user experience, so, why would you want to disable that?
I understand. But I do have requirement to keep it collapsed.
It’s a default feature and currently can be disabled using custom code only, please submit a support request using the https://divicio.us/support/ contact form and let’s see what we can do about that.
Hi Martha.
Divi MadMenu v1.9.10 has just been release adding the “Active Item Auto-Reveal” feature both to the MadMenu Vertical Menu module and the MadMenu module’s Mobile Menu element.
This feature does exactly what you need – you can use it to enable/disable auto expanding the submenus that contain the current menu item (it’s enabled by default). For the MadMenu Vertical Menu module you can do that in
MadMenu Vertical Menu Settings -> Content -> Menu -> Active Item Auto-Reveal
and for the MadMenu module Mobile Menu element in
MadMenu Settings -> Content -> Mobile Menu -> Active Item Auto-Reveal
Please update to the latest version and give it a try
(v1.9.10 is already available on Divicio.us, however, it may take a few days before it becomes available on ET Divi Marketplace as well, after it gets approved).
Ivan –
This is a fantastic update brother. Hope you are well, see that you have been hard at work! Thank you for the continued evolution of the plugin, its great and I love using it.
Hi Dehn.
Yeah, vertical menu was requested a lot and I enjoyed working on this update :) Thank you for using Divi MadMenu.