{"id":21841,"date":"2022-01-08T06:00:00","date_gmt":"2022-01-08T01:00:00","guid":{"rendered":"https:\/\/mcstarters.com\/blog\/?p=21841"},"modified":"2025-07-12T19:40:49","modified_gmt":"2025-07-12T14:40:49","slug":"fix-divi-jumping-header","status":"publish","type":"post","link":"https:\/\/mcstarters.com\/blog\/fix-divi-jumping-header\/","title":{"rendered":"How to Fix Divi Jumping Header"},"content":{"rendered":"\n

The jumping header in Divi<\/a> is a well-known issue. It happen when divi website page load.<\/p>\n\n\n\n

In this post, We will show you how to fix Divi Jumping header in WordPress<\/strong>. I do with the help of custom CSS. <\/p>\n\n\n\n

You Might Also Like to hire: Divi Website Designer<\/a><\/strong> for websites<\/p>\n\n\n\n

Fix Divi Jumping Header<\/h2>\n\n\n\n

To fix divi jumping header you need to add below css code into Divi > Theme Options > Custom Css<\/strong><\/p>\n\n\n\n

#page-container {\npadding-top: 100px !important;\n}\n\n#main-header {\ntop:39px !important;\n}<\/code><\/pre>\n\n\n\n
Note:<\/strong> This is Code may not work<\/strong>. You Can adjust  padding according to website header and check website without login<\/strong>.<\/p>\n\n\n\n
You Might Also Like: Divi Header Layouts<\/a><\/strong><\/p>\n\n\n\n
My Header and Setting<\/h2>\n\n\n\n
\"Divi<\/figure>\n\n\n\n
Below is my website header “Menu Height<\/strong>“. You can adjust it also according to website.<\/p>\n\n\n\n
\"Fix<\/figure>\n\n\n\n
I hope you fix this issue but If you have any questions please let me know in the comments.<\/p>\n\n\n
\n
\n
\n
How to create custom header in Divi<\/h3>\n
\n\n
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. <\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"
The jumping header in Divi is a well-known issue. It…<\/p>\n","protected":false},"author":5,"featured_media":21854,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[6],"tags":[462,461],"class_list":["post-21841","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi","tag-divi-website-designer","tag-fix-divi-jumping-header"],"_links":{"self":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/21841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/comments?post=21841"}],"version-history":[{"count":1,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/21841\/revisions"}],"predecessor-version":[{"id":37368,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/21841\/revisions\/37368"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media\/21854"}],"wp:attachment":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media?parent=21841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/categories?post=21841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/tags?post=21841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}