Dropdown Submenus

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.


Toolbox Customizer  Header ➜ Dropdown Menus


You can easily change the boring Divi dropdown menu look by enabling this feature on the Divi Toolbox settings page. The styling will apply to both the primary and secondary submenus.

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

  • Submenu font family
  • Link font weight
  • Link letter spacing
  • Link text transform (uppercase, lowercase, capitalize)
  • Submenu border radius
  • Submenu shadow (shadow color, offset-y, offset-x, and blur)
  • Submenu background color
  • Link color
  • Add a triangle top arrow (on/off)
  • Link background color on hover
  • Link color on hover
  • Move the text slightly to the right on hover

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 Dropdown menu styles 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