Soporte » Comunidad » Tu WordPress » Transición submenú

  • ¡Hola!

    Antes de nada, felices fiestas!

    Ocurre algo con una página web que estoy construyendo (https://palomiteros10.com/) que lleva horas dándome dolores de cabeza. Mi intención es que el submenú del menú desplegable no tarde tanto en desplegarse al pasar el ratón por encima, como pasa por esta otra página (https://mundoafeitado.com/).

    Pero por más que toco código no hallo la solución. Intuyo que hay que tocar la transición del menú, pero lo que cambio no hace efecto.

    .genesis-nav-menu .sub-menu {
    	left: -9999px;
    	opacity: 0;
    	position: absolute;
    	-webkit-transition: opacity 0.4s ease-in-out;
    	-moz-transition:    opacity 0.4s ease-in-out;
    	-ms-transition:     opacity 0.4s ease-in-out;
    	-o-transition:      opacity 0.4s ease-in-out;
    	transition:         opacity 0.4s ease-in-out;
    	width: 190px;
    	z-index: 99;
    }
    

    ¡Gracias!

Viendo 1 respuesta (de un total de 1)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    Tienes fijada una transición con una duración de 0.4 segundos, variando ese valor la haces más rápida (por ejemplo 0.2s), instantánea (0) o más lenta (0.8s) Por ejemplo, para hacer que la transición sea mucho más lenta (1 segundo):

    .genesis-nav-menu .sub-menu {
        transition: opacity 1s ease-in-out;
    }

    Recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

Viendo 1 respuesta (de un total de 1)
  • Debes estar registrado para responder a este debate.