ElegantThemes has released Divi 4.0 few days ago. Pretty amazing. huh? Yeah, I love all those updates. But…. still they are missing some must have features. 🙁

It’s disappointing when you discovered the custom headers we are building with the Theme Builder don’t have the sticky features. (The fixed header when scrolling). But still I am sure they will include those in coming updates.

Meanwhile I am going to give you guys a solution for a one thing. I am going to tell you how to make sticky headers in Divi 4.0.

STEP ONE – How to make sticky custom headers in Divi 

Just create your header in Theme Builder. The way you want. Below is what I did for testing. 


Now add below CSS snippet to the Site. Use any method you normally use to add CSS to your Divi sites.

And again add this jQuery code to the website. You can paste this in Theme Options > Integration > Add code to the < body >. Don’t forget to paste in a Script Tag like below.

That’s how to make sticky custom headers in Divi, guys. It should work without any issues. If you got any, do not hesitate to comment below.

Also, don’t forget to read our blog to find more exciting things about divi.

Pin It on Pinterest