Lesefortschritt:

Menu-Special #2: Trennlinie im Divi-Mobile-Menu entfernen

30. Juli 2024 | CSS-Stylesheet, Divi-Theme

Dieser Beitrag beinhaltet 390 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

Das Standard-Divi-Menu für die Anzeige auf Mobilgeräten zeigt einen farbigen Rand an. Ich mag das – aber es gefällt nicht allen. Hier ein Hack, wie Sie den Trennstrich los werden.

Auf der Dr-Code-Website wird beim Klick auf das Hamburger-Symbol auf Mobilgeräten ein Trennstrich zwischen Header und Mobilemenu angezeigt. So wie nebenan:

Dieser Trennstrich lässt sich bei Bedarf einfach ausblenden. Mit folgendem CSS-Code, den Sie in das CSS-Stylesheet Ihrer Website einbinden können – unter Design/Customizer/Zusätzliches CSS:

.et_mobile_menu {
border-top:0;
}

Danach sieht das Mobilmenu so aus wie nebenan:

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This