Tutorial Divi rápido: Cómo ocultar la cabecera al hacer scroll

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?

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(3 votos, promedio: 3.7)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

1 comentario en “Tutorial Divi rápido: Cómo ocultar la cabecera al hacer scroll”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido