Collapse Nested Submenu

Missing feature?

If there is a feature or option you feel is missing, feel free to get in touch! We’ll do our best to include it in the future Divi Toolbox version!

Maybe you’ve found a plugin setting that is not included in our documentation – please let us know.


Divi Toolbox  Mobile  Collapse Nested Submenu


This is what happens when this setting is enabled:

  • second-level menu items are hidden on mobile;
  • an arrow icon is added to the parent element; once clicked, it shows the submenu;
  • the parent element is still a normal “clickable” link;
  • a new customization panel is added to the Toolbox Customizer.


Toolbox Customizer  Mobile  Nested Submenus


Here’s the list of all the settings you can easily change:

  • Parent item font weight
  • Closed icon color
  • Closed icon background color
  • Submenu background color
  • Opened icon color
  • Opened icon background color


Plase note:

These effects apply to the default Divi navigation. If you are using a custom Theme Builder Header and you’d like to apply the same effect to Menu or Fullwidth Menu module – navigate to module Settings ➜ Advanced tab ➜ CSS ID & Classes ➜ CSS Class and add a custom class of: dtb-menu

Hi there!

If you have any questions or would like to get in touch, please fill the form below and we’ll get back to you as soon as possible.

Did you know?

You can create popups and effects like this one with Toolbox! It's so easy!

Ahhh yes!

You officially know the power of the irresistible 3D Button :D

You can easily design Popups like this one using Toolbox and Divi Builder!

Did you know?

Do you like this landing page? Does it look pretty advanced? Well, guess what! We didn’t use even a tiny bit of custom CSS or JavaScript to build it. All the awesome effects have been created using the Divi Toolbox!


Choose the plan to suit your needs