Fix: SPRINGENDEN Header beim DIVI-THEME vermeiden

Du kaufst und installierst das Divi-Theme und merkst, dass der Header beim Laden der Website springt. Du findest im Backend keine Einstellung, in der man diese Macke beheben kann. Das ist auch nicht verwunderlich, denn leider musst du dieses Problem mit etwas CSS lösen. Wie auch du problemlos ohne viel Vorwissen das Springen verhinderst, zeigen wir dir im heutigen Video!

----------
Timestamps:
----------

0:00 - Intro
0:23 - Warum der Header bei Divi springt
1:49 - Schritt #1: Öffne den Visuellen Builder von Divi & gebe dem Element eine CSS-Klasse
CSS Class: hero_section_sub

2:42 - Schritt #2: Füge Custom CSS zu Divi hinzu & passe den Code an
@media only screen and (min-width: 981px) {
padding-top: XXX !important;
}
}
@media only screen and (max-width: 980px) {
padding-top: XXX !important;
}
}

3:52 - Schritt 3: Mobile Ansicht im Browser anzeigen & CSS Code anpassen

6:15 - Schritt 4: Teste, ob die Anpassungen funktioniert haben

----------
Videovorschläge:
----------

Divi Library um Duplizieren-Funktion schnell & einfach erweitern! | Divi Theme Tutorial

Wie du ein Mega-Menü in Divi erstellst (in weniger als 3 Minuten!) - komplette Anleitung

----------

----------------

Alle Links, die mit einem * vermerkt sind, sind Partner oder Affiliate-Links. Durch das Klicken dieser Links unterstützt du uns und ggfs. bekommen wir einen geringen Anteil, wenn du ein Produkt oder Dienstleistung kaufst. Bei dir fallen keine Extrakosten an.

[jakobappel]

Danke, hast mir den Tag gerettet!! :)

[chevchelios]

Danke für dein Video. Gibt es wen man mit Android arbeitet zb. auf dem Tablet auch die Möglichkeit die Chrome Dev Tools zu nutzen?

[DJMZ]

Bin gerade in deiner Nähe, grüße Dosenbier . Oktober wieder