Mega dropdown menu navigation

[HuangJunye]

Feature description

https://github.com/Qiskit/web-components/pull/140 added an awesome dropdown menu for documentation. It's great to have this unified top menu with additional links. However, after trying it a bit, I realized the user experience of getting to the documentation homepage is actually worse.

Previously users can go to the documentation homepage with one click on the "Documentation" menu item. Now they need to click on it, move the cursor all the way across the screen and click "Overview" under "Get started". That's two clicks and a lot of mouse movement.

Suggestion

Would it be possible to split the action for the linked text and the dropdown arrow for "Documentation" on the top menu? That means when a user clicks on the text "Documentation", they will go to documentation homepage https://qiskit.org/documentation/ just like in the past, but when they click on the arrow "^" it opens the dropdown menu.

This possibly violate some web design principles. I mainly want to bring up this issue, and hope we can find a good solution :D

Additional context

No response

[1ucian0]

I had a similar feeling. Maybe something @JRussellHuffman can comment about?