Submenus disappear on hover when screen resized

Hello,

I have an issue with my menus and submenus.

The menu items are displayed on one line for a 960px screen.

For smaller screens, the menu items are displayed on two lines.

When clicking on a menu item in the first line that has a submenu, on hover, the submenu would disappear as it overlaps with some menu item on the second line.

Do you have an idea on how to solve this issue, so that when a submenu is above a menu item, it doesn’t disappear.

URL: akashayogaacademy.com
The same behavior on all type of browsers – You can reduce the width of the browser to notice this behavior.

Thank you for your help.