Un efecto muy chulo que me pidió un cliente hace poco es que la cabecera de una web hecha con Divi se ocultase totalmente al hacer scroll el usuario, al navegar por la página.
No me refiero a ocultar el menú principal de Divi ni a ocultar la barra secundaria de Divi al hacer scroll, que es algo que ya vimos en tutoriales anteriores, sino a ocultar la cabecera completamente, con todo lo que contenga.
La solución es bien sencilla, solo hay que añadir una línea de CSS.
Abres el personalizador de temas de WordPress (Apariencia > Personalizar > CSS adicional) y añades esto:
/* Ocultar cabecera fija al hacer scroll */
.et-fixed-header { display:none; }Cuando publiques los cambios la cabecera se ocultará totalmente en cuando el usuario navegue por la web, como puedes ver en el siguiente vídeo…
Y ya está. Fácil ¿eh?
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Súper, y ¿Cómo puedo hacer para que al hacer scroll hacia arriba, vuelva a aparecer la cabecera?