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?

La entrada Tutorial Divi rápido: Cómo ocultar la cabecera al hacer scroll la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.

Laura D´Cuero

Copywriter, Redactora de Content SEO.
Laura D´Cuero

Latest posts by Laura D´Cuero (see all)

0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja un comentario

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