Global header reveal/hide on scroll

Date Added: December 12, 2019


(1 customer review)

Get 10% OFF your Elegant Themes membership
*(affiliate link)

Divi Global header reveal/hide on scroll up/down

Use the Divi Theme Builder template system to create a global Divi header menu that will be hidden or revealed on scroll up or down.

You can download the template for free on the Elegant Themes blog post “How to Reveal Your Global Header While Scrolling Up & Hide While Scrolling Down with Divi”.

If you prefer to learn more about the Divi Theme Builder as you go, there is a full tutorial in the post to create the menu yourself. The main steps of this tutorial are:

  • Create a fixed header by using custom CSS code
  • Add JQuery code and the CSS code to make the menu change on scroll up/down

Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting Divi Theme Examples.

1 review for Global header reveal/hide on scroll

  1. Craig Longmuir

    one everyone is asking for 🙂 Thanks ET

Add a review

Your email address will not be published. Required fields are marked *