Er zijn 2 manieren:
Vertical met Subpages (IN USE) https://www.dutchacademyeindhoven.nl/huiswerk-a1/les-1/
Custom zonder subpages (NOT IN USE) https://www.dutchacademyeindhoven.nl/vertical-menu/
Here is the complete CSS for you below. Werkt alleen met Vertical menu type (zie widget > Menu type), niet met Custom
/*Vertical menu layout*/
#avada-vertical-menu-widget-5 .menu li a{
border-color: #e0dede !important;
padding-left: 0px !important;
color: black !important;}
#avada-vertical-menu-widget-5 .menu li.current_page_item a{border-right: 3px solid #a0ce4e !important; color: #a0ce4e !important;}
Let op! Je moet voor elke widget een aparte CSS code toevoegen:
/*Vertical menu layout*/
#avada-vertical-menu-widget-6 .menu li a{
border-color: #e0dede !important;
padding-left: 0px !important;
color: black !important;}
#avada-vertical-menu-widget-6 .menu li.current_page_item a{border-right: 3px solid #a0ce4e !important; color: #a0ce4e !important;}
- Add new Widget ‘Side bar menu test 1’ (voor elke menu?)
- Add menu to this Widget en klik meteen blauw button -Avada Widget Option– (op ‘Side bar menu test 1)
- Kies Title > Off , Divider Color (voor lijnen)