mega drop down codepen bootstrap css menu submenu

drop - menu css



Submenú CSS desapareciendo demasiado rápido (2)

En su show su etiqueta de soporte, adentro agregue este estilo

style="padding-bottom:10px;"

De modo que ahora puedo operar sin ningún elemento emergente antes del problema de clic. prueba y avísame. Lo intenté en IE.

He editado el CSS en mi menú en este sitio:

Por lo tanto, se mostraría completamente en el tamaño de fuente que desee (anteriormente se estaba convirtiendo en un menú de dos capas). Sin embargo, ahora por alguna razón, es muy difícil hacer clic en el submenú debajo de "Mostrar su soporte". Cuando pasa el cursor sobre su mouse y trata de mover el mouse a una opción, desaparece la mitad del tiempo antes de poder hacer clic en cualquier cosa.

He jugado con el código en Chrome (inspeccionar elemento) y parece que no puedo averiguar qué está mal. ¿Puede alguien ayudarme, por favor?

Gracias.


Hay un espacio entre el menú y donde aparece el submenú. Ver imagen a continuación:

Cuando se aleja del elemento del menú y el mouse está en el camino hacia el submenú, el mouse deja de estar en ''hover'' (mientras cruza el espacio), haciendo que desaparezca el submenú.

Si puede eliminar la brecha (es decir, el lugar donde el submenú se coloca más arriba en la página), el estado ''hover'' permanecerá en movimiento con el mouse y el submenú permanecerá ''mostrado'' para hacer clic.

¿Eso ayuda?

PD publicado como respuesta (en lugar de comentario) para poder incluir la imagen en mi explicación.