Global header reveal/hide on scroll

(1 customer review)

FREE!

VIEW TEMPLATE

Categories: , Tags: , Added: December 12, 2019

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

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close