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
