DIVI-Theme-CSS-Code-Uebersicht

Das DIVI Theme von elegantthemes bietet als Multi-Purpose Theme gefühlt 1 Million Einstellungsmöglichkeiten.

Das was sich jedoch nicht über die Theme Settings einstellen lässt, kann man über individuelles CSS anpassen.

In dieser Übersicht möchten wir euch eine Übersicht über hilfreiche CSS Snippets geben, die euch bei der Modifikation eures DIVI`s helfen können.

Farben, Größen etc. können natürlich individuell angepasst werden!

DIVI Mobile Menu CSS

Hintergrundfarbe des geöffneten Mobile Menus anpassen

.mobile_nav.opened #mobile_menu {
	background-color: #282f39;
}

Farbe des mobile Icons beim DIVI ändern

.mobile_menu_bar:before {
color: #29b1a5;
}

top Border Farbe (border Höhe) des mobilen Menüs beim DIVI ändern

.et_mobile_menu {
	    border-top: 3px solid #29b1a5;
}

DIVI Mobile Menü Sticky machen

@media only screen and (max-width: 980px) {
.et_fixed_nav #main-header, 
.et_fixed_nav #top-header,
.et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header {
    position: fixed;
}
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 80vh;
}

DIVI Mobile Header CSS

Schadow für mobile Header

.et-fixed-header#main-header {
   box-shadow: rgba(12, 12, 12, 0.29) 5px 0px 10px 0px !important;
}

Kommentar verfassen

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

154 SEO Tools - die ultimative Liste!

Abonniere jetzt unseren Newsletter und lade dir die Liste kostenlos herunter!

Alles klar! Prüfe jetzt deinen Posteingang um die Anmeldung abzuschließen.