WordPress Hosting

cabecera divi

Tutorial Divi: Oculta la barra de menú secundaria al hacer scroll

Desde las opciones del tema puedes de manera sencilla decidir qué hará la barra de menú principal del tema, si seguir la navegación al hacer scroll o quedarse fija arriba, es algo fácil de conseguir.

Y muchos usuarios eligen la navegación fija porque así consiguen más clics en sus menús, a medida que el visitante hace scroll en su página, lo que es un buen modo de conseguir clientes para sus servicios y productos.

Otra cosa es la barra de menú secundaria, por defecto más pensada para ofrecer información como el teléfono, email y enlaces sociales, que poco aporta a esta estrategia de consecución de leads y sería mejor que se quedase oculta al hacer scroll, la mayoría de las ocasiones.

Si es este tu caso, puedes ocultar la barra de menú secundaria cuando el usuario haga scroll, simplemente añadiendo el siguiente código en Personalizador de temas > CSS adicional:

/* Ocultar cabecera secundaria divi al hacer scroll */
    #top-header {
            z-index: 9;}
    #main-header{
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;}
    #main-header.et-fixed-header {
        top: 0 !important;}

Cuando publiques los cambios la barra de menú secundaria de Divi se ocultará al hacer scroll, y solo seguirá la navegación del usuario la barra de menú principal.

En el siguiente vídeo tienes el efecto antes y después de aplicar el CSS…

Compartir en redes
Resumir con IA

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en las estrellas para valorarlo!

Promedio de puntuación 3.7 / 5. Total de votos: 10

¡Todavía no hay votos! Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

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

AVISO: Esta publicación hace 3 años o más que no se actualiza. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te sirvió?, pues entonces nada :-)


Sobre el autor

1 comentario en “Tutorial Divi: Oculta la barra de menú secundaria al hacer scroll”

Los comentarios están cerrados.

Scroll al inicio