Quicktipps

Menüschatten entfernen

Wenn du dein Menü nicht mit dem Divi Builder von Grund auf neu erstellst sondern den Standard Divi Header benutzt, ist dir sicher schon aufgefallen, dass am unteren Rand eine dünne graue Linie verläuft die einfach nicht weg zu bekommen ist, egal was du auch probierst.

Du kannst zwar am im Divi Customizer unter Header & Navigation > primäre Menüleiste die Linienfarbe ändern, aber der Rand bleibt trotzdem. Das liegt aber daran, dass das was aussieht wie eine Linie in Wirklichkeit der Randschatten deines Menüs ist und dafür wirst du keine Einstellung finden.

Wenn dich der Schatten stört, dann kannst du ihn dennoch ganz einfach mit ein wenig CSS entfernen.

Menüschatten entfernen
Menüschatten entfernen
In den beiden Bildern siehst du wie das Menü normalerweise angezeigt wird. Links mit dem Schatten am unteren Rand sowie rechts nachher ohne den störenden Schattenrand   Ich zeige dir wie du ihn ganz einfach und schnell selbst entfernen  kannst. Das geht ganz schnell und das einzige was du dazu benötigst ist ein bisschen CSS. Kopier dazu einfach den Code und füge ihn bei dir in deinem Child Theme in die style.css ein.  
/*Divi Header ohne Schatten */
#main-header,
#main-header.et-fixed-header {
	box-shadow:none !important;
}

 

Anschließend musst du nur noch deine Seite neu laden und schon ist der hässliche Schatten Geschichte. Falls du die Linie trotzdem immer noch siehst dann leer bitte deinen Cache. Jetzt sollt er dann endgültig verschwunden sein.

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Weitere Quicktipps

Zoomen auf dem Handy

Zoomen auf dem Handy

Einer der wenigen Nachteile von Divi besteht darin, dass Benutzer auf Mobilgeräten nicht in Texte oder Bilder hineinzoomen können. Hier erfährst du wie du das Zommen auf dem Handy oder Tablett dennoch schnell und einfach möglich machst