Jumping pages = Pavel | A Bun In The Oven

Beschrijving

Funny. When you open those page they jump a 100px upwards. In Chrome and Safari. I’ve done everything. reset all styles: section, rows &modulles. Delete the cache. But all to no avail. How about that. What can be the cause of that?

(you’ve got full access)

Pavel • 1w ago

Hi Kees 👋

Thank you for contacting ET Support! Because the position of the main theme header is calculated via JS code, in some cases you will see a “header jump” when the page finish loading. This is happening because the position of the header element into the page, is calculated via JS code, which runs only after all other elements on the page have been loaded.

The issue here is that the specific padding is added to the page-container because of some custom settings in the header: ⬇️

That style is added a bit later and when the page reloads, the page stays at the same place but after few seconds, that padding is added which is pushing the page down a little. I fixed the issue by adding the following custom CSS code under Custom CSS field of Theme Options: 👇

#page-container {
    padding-top: 46px!important;
    margin-top: 0!important;
}

Systeem aanpassen thema • Divi option > general > aangepaste css

https://kamp.keees.org/video-persona/
https://kamp.keees.org/video-den-treek/

I fixed the issue by adding the following custom CSS code under Custom CSS field of Theme Options:

#page-container {
    padding-top: 46px!important;
    margin-top: 0!important;
}

Divi options > integration > Voeg code toe aan de < head> van uw blog

sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fadsdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d sdfasfa sdf sd sasdf seaasfwerw4 tryjt uh ilo ;sa fad2 4 3 4w d 2 4 3 4w d

Divi options > integration > Voeg code toe aan de < body >

Divi options > integration > Voeg code bovenaan uw posts toe.

Divi options > integration >

Voeg code onderaan uw posts toe, geplaatst voor de reacties

Divi componenten. aangepaste cs

Css in vrije vorm

voor

Hoofd elementen

Na

Afbeeldingen