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
