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!