Lijn onder Divi menu bij hover

Lijn onder Divi menu item (hover effect)

Een lijn onder een Divi menu item toevoegen doe je door eenvoudig CSS toe te voegen aan de Thema Opties in je dashboard. Wanneer je met de muis over een menu-item heen gaat, verschijnt er een lijn onder dit item. De lijn blijft ook staan onder het geselecteerde menu-item.

Je kunt diverse CSS toevoegen om dit effect te krijgen. Hieronder 2 voorbeelden.

Voor

Standaard menu

Na

Menu met CSS - Lijn onder Divi menu bij hover

Werkwijze

Optie 1 – Korte CSS

Met deze korte CSS pas je een eenvoudige onderlijn toe.

Optie 2 – Uitgebreide CSS

Met deze uitgebreidere CSS kun je een unieke stijl toevoegen. Je kunt bijvoorbeeld de lijndikte en lijnkleur bepalen.

Waar plaats je de CSS code

Je plaatst de CSS in Dashboard – Divi – Thema Opties – Aangepaste CSS

CSS Geselecteerd menu onderlijn

Maak een website met Divi

Hosting

 

Koop Page Builder Everywhere