Skip to content

Blog \ Divi \ How to Fix Divi Jumping Header

How to Fix Divi Jumping Header

Published By :Mudassar Shakeel Updated On : July 12, 2025 Divi
πŸ“Œ Summarize this content with AI
ChatGPT Grok Google AI Perplexity Claude

The jumping header in Divi is a well-known issue. It happen when divi website page load.

In this post, We will show you how to fix Divi Jumping header in WordPress. I do with the help of custom CSS.

You Might Also Like to hire: Divi Website Designer for websites

Fix Divi Jumping Header

To fix divi jumping header you need to add below css code into Divi > Theme Options > Custom Css

#page-container {
padding-top: 100px !important;
}

#main-header {
top:39px !important;
}

Note: This is Code may not work. You Can adjust padding according to website header and check website without login.

You Might Also Like: Divi Header Layouts

My Header and Setting

Divi Header

Below is my website header “Menu Height“. You can adjust it also according to website.

Fix Divi Header Jumping Problem

I hope you fix this issue but If you have any questions please let me know in the comments.

How to create custom header in Divi

You can create custom header in Divi using Divi theme builder. you can free header layout from our mcstarters.com websites. We create these header with responsive design. These are free to download and use.

See also  Divi Global Footer Not Showing - Solutions & Fixes

© 2026 Mc Starters Blog | Mudassar Shakeel | Affiliate DisclosureΒ 

Available for new projects

I build and fix websites that help you get clients.

Chat Now
Scroll to top