Jumping header probleem verhelpen voor Divi

MALDEN (Nederland) – Divi is een prachtige pagebuilder voor WordPress. Je kunt er ontzettend mooie professionele websites mee maken. Helaas zitten er ook nadelen aan de Divi pagebuilder: de jumping header is zo een probleem dat de meeste mensen wel eens hebben ervaren. We gaan in deze blog laten zien wat je kunt doen om dit probleem te verhelpen.

Jumping header probleem verhelpen: preloader

De meest snelle en handige methode om het probleem van de jumping header in Divi te voorkomen is het gebruik van een preloader. Het zorgt ervoor dat je WordPress website de kans krijgt om even de pagina te laden zonder dat de bezoeker de ladende content in beeld te zien krijgt. Belangrijk is wel dat je een plug-in neemt die je WordPress website niet te traag laat worden. Voor een lichte preloader kun je bijvoorbeeld WP Smart Preloader gebruiken.

Gebruik codering voor je jumping header probleem

Als je geen preloader wil gebruiken kun je het probleem ook verhelpen met het aanpassen van de CSS code. Zoek eerst de padding top en top door naar de pagina met het probleem te gaan. Daar druk je op je rechtermuisknop en druk je op inspecteren. Ga daarna naar Divi > thema opties > Aangepaste CSS. 

Vul hier de volgende code in:

#page-container {
padding-top: …px;
}

#main-header {
top: …px;
}

Mocht je nog vragen hebben; je kan altijd contact met ons opnemen door hieronder een reactie te verzenden. Abonneer je op ons YouTube kanaal om filmpjes te bekijken die over deze onderwerpen gaan.

Hartelijke groet,

SMLFwebdesign.