I found a CSS issue when it comes to having 4th level menu items/children. When you add that fourth level with multiple children, all menu items beneath the parent (3rd level menu item) get pushed down the height of the 4th level children dropdown. When you have the hover command set, it makes it impossible to click on any third level item below the parent because as soon as your mouse goes below the parent (third level menu item), the menu moves that item back up the menu. Your mouse is now longer on the menu so it closes
It would be easier to just show in an example :
The 4th level+ should function just like levels 1-3 for the main navigation in the way children are displayed.
Active
1.0
User interface
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
Hello,
Solo theme does not support four level menu.
https://www.drupal.org/project/solo/issues/3439615
✨
Enhancing Solo Theme: Integrating Fourth-Level Into Primary Menu
Closed: works as designed
https://www.drupal.org/project/solo/issues/3508038
💬
Menu design improvement
Active
Best wishes,
Alaa