Standardmäßig wird der Menü-Link der aktuell aufgerufenen Seite im Hauptmenü farblich hervorgehoben. Mit diesem Codeschnipsel kannst du dem aktuellen Link einen Unterstrich hinzufügen.

/* Aktuellen Hauptmenü-Link unterstreichen */
#top-menu li.current-menu-item>a:before {
   content:"";
   background: #2ACCB3; /* Hier Farbwert wie gewünscht ändern */
   width:100%; 
   height:5px; /* Hier Linienhöhe wie gewünscht ändern */
   position:absolute;
   left:0; bottom:0;
}

Einfach in den Bereich „Eigenes CSS“ in den Divi Einstellungen (oder in das Stylesheet deines Divi Child Themes) kopieren und fertig!

Dir hat der Beitrag gefallen? Dann teile ihn gerne!