Fixing a rare main-menu dropdown glitch in ConsultPress

In ConsultPress one of our members found a glitch where dropdown opens even if we have mouse next to the main menu on the left side. This will not happen if you just move the mouse next to the main menu but only when you are moving the mouse fast up and down. Since this happens rarely we won’t change the main menu code for it. It this happens to you and if it bothers you, you can fix that with the custom CSS below but in that case, you will lose the subtle transition for the dropdown.

@media (min-width: 992px) {
  .main-navigation .sub-menu {
    visibility: inherit;
    opacity: inherit;
    display: none;
  }
}

.main-navigation .menu-item:focus > .sub-menu, .main-navigation .menu-item:hover > .sub-menu, .main-navigation .menu-item[aria-expanded="true"] > .sub-menu {
    opacity: inherit;
    visibility: inherit;
    display: block;
}