WordPress : Le menu déroulant se bat les uns contre les autres

Je suis sûr qu’il y a une réponse CSS simple à cela que je ne vois pas 🙁

http://www.glennduxbury-inspections.com/litb/

Dans mon menu de navigation, si vous survolez un élément du sous-menu, puis déplacez lentement votre souris vers la droite, il passera au sous-menu des éléments suivants. Je ne veux pas que cela se produise, en particulier pour le menu déroulant « services », car il contient un menu de troisième niveau sur lequel je ne peux même pas survoler.

J’ai essayé de lancer des z-index dans le sous-menu et tous les éléments du sous-menu. Rien de ce que je fais ne semble fonctionner, je suis perplexe à ce stade.

Solution n°1 trouvée

Le problème est que bien que votre sous-menu soit défini sur opacity: 0, il s’affiche toujours, juste en transparence. Ainsi, lorsque vous survolez une zone où un sous-menu est présent, vous déclenchez #access ul li:hoverce qui définit l’opacité du sous-menu avec #access ul li:hover > ul. Essayez de définir l’ajout visibility: hiddenà #access ul ul. Ajoutez ensuite visibility: visibleà #access ul li:hover > ul. Cela vous permettra de conserver la transition d’opacité.