Quick Divi Tutorial: How to hide the header when scrolling

A very cool effect that a client recently asked me for is that the header of a website made with Divi would be totally hidden when the user scrolls, when browsing the page.

I don’t mean to hide Divi’s main menu or to hide Divi’s secondary bar when scrolling, but to hide the header completely, with everything it contains.

The solution is very simple, just add a line of CSS.

Open the WordPress theme customizer (Appearance > Customize > Additional CSS) and add this:

%MINIFYHTML5ab32407c3c0cbeb8eda37c8e494268f53%
/* Hide fixer header when scrolling */ .et-fixed-header { display:none; }

And you’ll go from this:

To this when you publish the changes:

Easy and simple with Divi.

Read this post in Spanish: Tutorial Divi rápido: Cómo ocultar la cabecera al hacer scroll

Click to rate this post!
[Total: 1 Average: 5]

Leave a Comment

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

Scroll to Top Skip to content