Global header reveal/hide on scroll
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.