Homepage 9 Page Test

Estimated reading time: 14 minutes

Divi Vertical Menus

This is a demonstration of different vertical menu styles with collapsible sub-menus for the Divi theme created by Ania Romańska from Divi Lover. You can download this sample layout from this article, where you’ll also find a step-by-step video walkthrough on how to use it.

Menu Style #1

 

Menu module settings:
  • edit menu links color
  • edit active link color
  • edit sub-menu background color
Custom CSS:
  • edit toggle arrow color

 

Menu Style #2

 

Menu module settings:
  • edit menu links text color
  • edit active link text color
Custom CSS:
  • edit toggle arrow color
  • edit menu links background color
  • edit menu links background and text color on hover
  • edit active menu link background color

 

Menu Style #3

 

Menu module settings:
  • edit menu links text color
  • edit active link text color
Custom CSS:
  • edit toggle arrow color
  • edit active menu link background color
  • edit menu links background color on hover
  • edit border color

 

Menu Style #4

 

Menu module settings:
  • edit menu links text color
  • edit active link text color
  • edit sub-menu background color
  • edit sub-menu links color
Custom CSS:
  • edit toggle arrow color

 

Thank you for reading this page, don't forget to subscribe!