Show Submenu on Hover

Question

I'm working on a project where I've got to create a nav menu with selectable submenus that show up on hover. Please refer to image below:

I've got the About portion to show on hover, but I need it to stay such that the submenu items can be selected. Also, I need other sections to have nested areas as well.

I've made a codepen project for this HERE

Thanks in advance for the help!

Answer 1

Not really a plug and play solution from my side, just a useful hint, but how about you also run the first menu open function on the child menu, and also on the grand-child menu. That way it will stay open during the whole menu interaction. Cheers!