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

Logo de Divi

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…

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

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

1 comentario en “Tutorial Divi: Oculta la barra de menú secundaria 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