Trick # 299 | Dieser Beitrag beinhaltet 402 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Das Menu-Modul des Divi-Themes kennt zahlreiche Einstellungsmöglichkeiten. Aber nirgends lassen sich Separatoren zwischen den einzelnen Menupunkten festlegen. Mit diesem Trick gelingt auch dies.
Alles, was Sie benötigen, ist dieser CSS-Code. Fügen Sie ihn in das Stylesheet Ihrer Website ein – im Backend unter Design/Customizer/Zusätzliches CSS:
Verwenden Sie das Divi-Standardmenu anstelle des Divi-Menu-Moduls? Kein Problem. Auch dort können Sie Separatoren einfügen. Lesen Sie einfach unseren Beitrag «Separatoren im Divi-Standard-Menu anzeigen».
.et_pb_menu .et-menu.nav > li + li > a:before {
position: absolute;
left:-11px;
transform: translateX(-50%);
content: '|';
font-size: smaller;
}Nun werden im Menu-Modul die Navigationspunkte mit einem «|» voneinander getrennt. Wenn Sie lieber ein anderes Zeichen als Separator verwenden möchten, fügen Sie es einfach auf Zeile 5 des Codes ein.
Werbung
Werbung
