The Ultimate Jumping Header Fix

Another excellent product by Tortoise IT

Changelog

*
* V1.5 – initial release
* V1.6 – added disable filter on a per page basis
* V1.7 – variation on top header height which was reporting NaN. Added a purge function for debug ?sb_djhf_purge=1 in the URL
*

This simple plugin solves one of the biggest reported problems with Divi, the infamous jumping header.

You know when you load a page on your site and just as it loads you notice the content pushed down a bit.

There are lots of tutorials online explaining how to fix this phenomenon and all involve inspecting the page source and copying CSS around. This plugin avoids the need to do any of that and instead offers an ‘activate and forget‘ solution.

Installation Instructions

  • Upload plugin as normal
  • Activate and visit your home page
  • That’s it!

Note

  • If you would like to disable this fix on a per page basis you can do that. Just edit the page you DON’T want the fix to be present on and you’ll notice a box below the publish button. Set the dropdown to ‘yes’ and save the page. That’s it!

Note: you absolutely do not need to pay for this plugin and there is no support offered as we know it will either work or not. It works on 9 out of ten sites we tested and its just too easy to use. If you want to get it for free and then find it works, come back here and buy the developer a coffee to say thanks. ūüôā¬†

Licensing

You may install this product on any number of websites that you build for yourself or your clients. There is no support offered on this plugin as it will either work or not.

If you have put in a solution found on the web, its a good idea to remove that if you intend to use this plugin.

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

Licensing

You may install this product on any number of websites that you build for yourself or your clients. There is no support offered on this plugin as it will either work or not.

If you have put in a solution found on the web, its a good idea to remove that if you intend to use this plugin.

This simple plugin solves one of the biggest reported problems with Divi, the infamous jumping header.

You know when you load a page on your site and just as it loads you notice the content pushed down a bit.

There are lots of tutorials online explaining how to fix this phenomenon and all involve inspecting the page source and copying CSS around. This plugin avoids the need to do any of that and instead offers an ‘activate and forget‘ solution.

Installation Instructions

  • Upload plugin as normal
  • Activate and visit your home page
  • That’s it!

Note

  • If you would like to disable this fix on a per page basis you can do that. Just edit the page you DON’T want the fix to be present on and you’ll notice a box below the publish button. Set the dropdown to ‘yes’ and save the page. That’s it!

Note: you absolutely do not need to pay for this plugin and there is no support offered as we know it will either work or not. It works on 9 out of ten sites we tested and its just too easy to use. If you want to get it for free and then find it works, come back here and buy the developer a coffee to say thanks. ūüôā¬†

General Note: You MAY need to purchase the Divi Theme or the Elementor page builder to use this product. Please see the product description notes above for more information.

3 Comments

  1. Raymond Katz

    Thanks you for this! I love the disable on page feature. Can we also have the reverse: enable on a page basis? I need to use this only on my pages (just a few) and disable on hundreds of posts (the plugin adds BIG empty white spaces on those). So, for now, I’m doing every one of them manually on each…That said, this plugin is great and I deeply appreciate it! ūüôā

  2. Janna Gilbert

    AWESOME. Thank you!

  3. Sarah

    What can I say? It just works. Right out of the box! Not all of my site headers jump but when they do it’s very annoying – this certainly fixes them quicktime. Thanks Sean, good work.

Submit a Comment

Divi is a registered trademark of Elegant Themes, Inc. This website is not affiliated with nor endorsed by Elegant Themes.

External links on this website may be affiliate links that could result in us receiving compensation (payment) when you purchase a product or service from that link. For example, we may receive pay per click revenue or commission on sales of products. This helps us to pay the bills and deliver great content for you to enjoy when you are browsing these web pages. You do not pay any extra fees for these items. Please be aware that you will need an amount of experience in WordPress to take advantage of our themes and plugins. Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads. We do not offer refunds under any circumstances. If you feel that there is an issue with a product please get in touch with the developer of the product through their contact details which can be found within the plugins Dashboard, themes and documents we sell on their behalf. Rudeness to our developers or support staff will not be tolerated and support may be refused. By purchasing a product from The Elegant Marketplace you are agreeing to these terms. We do not offer custom support queries, although suggestions will be accepted and acted upon if possible. We do hold data that allows us to connect with you for product updates when you purchase a product. This is not an email marketing list. Should you wish to sign up to our marketing list, please visit our homepage where you will see an optin - we send out around two emails a week to keep you informed of product updates, WordPress News and Developer advice. You may opt out of our marketing communications at anytime by using the unsubscribe facility found at the bottom of each email. (Amended. February 6th 2018)

Get the latest news!

Join our mailing list to receive the latest news and updates from our team.

Thanks, we appreciate your support

Pin It on Pinterest