Are you a Divi user? When your site is loading, the top content of the page is moving up and down until it finds the final position to sit quietly? Is it annoying? Well, let’s fix our Divi jumping header.

I found that there are a lot of Divi users who are experiencing this problem too and just can’t find the remedy for the frustration. You can have a look at the comment section of this post from Divi Space on how to fix this very problem. I tried the suggestions but those never fixed my website.

So how did I fix my Divi jumping header?

Go to Theme Customizer > Header & Navigation > Primary Menu Bar > Set background color to a solid color. Any solid color without any transparency. This quickly fixed the jumping header issue on my website.

But I want to color my header with transparency

One temporary way to style your header is by using style.css in your child theme folder. Open your stylesheet and use “#main-header” class.

For example:

#main-header {
  background-color: rgba(0,0,0,0);
  box-shadow: none;
}

This will make the header fully transparent and remove the bottom shadow that look like a bottom border.

Hope this will fix your jumping header.