DIVI CSS Codes

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;
}