Fix for Twenty Seventeen’s stucking header

As you may have noticed, I’m using a customized version of the WordPress theme „Twenty Seventeen“ for this blog. In general, the theme is pretty nice, but there’s a little „bug“ (?) that has bothered me for a while.

You can see it in the video above. When a page isn’t finished loading, the whole body seem to stuck over the header and then crashes in its actual place.

Here’s my fix for this:

body:not(.twentyseventeen-front-page) .custom-header {
	margin-bottom: 72px;
}

How to apply this

Just use the WordPress Customizer, go to „Custom CSS“ and insert the code.