Unable to access submenu if top-level menu wrap onto two lines #245

Description

@mlaetitia, thank you for all your work on the new menu!

I found a bug when the top-level menu items wrap onto two lines, which happens when the screen width is limited.

Steps to reproduce

When I hover over a top-level menu item, I’m unable to access its submenu because the second row of menu items overlaps the submenu area. For example, I can’t access the Open Source AI submenu because I have to hover over Research & Education first, which causes the Open Source AI menu to disappear.

What you expected to happen

A solution could either be switching to a hamburger/mobile menu to avoid wrapping, or keeping the desktop menu on two rows but ensuring the submenu can be accessed without having to hover over another top-level item first.

What actually happened

The submenu disappears when hovering over a second row of menu items. The issue is caused by the top-level menu wrapping onto two rows: the second row overlaps the area where the submenu appears, so it captures the hover before I can reach the submenu.