Add sub-page drop downs to navigation bar in header

[vincerubinetti]

Discussed in #85

^{Originally posted by BioMeCIS July 27, 2021}
I'd like to add dropdown menus on the top Nav Bar, similar to https://gladstone.org/ website. Is there a way to do so with the current SCSS components?

[vincerubinetti]

Unfortunately, for now, I've decided to not implement this feature because 1) only one person has requested it so far, 2) it would add significant code complexity for me and configuration complexity for all other users, and 3) I generally believe that if you need drop down menus, there are better ways to organize your content.

Regarding the last point, consider this. Do 20 different pages need to be accessible at any possible time from the header? Or are some of those pages a little less important, and maybe it'd be fine if they're accessed by first going to a more general top level page in the header.

For example, if you had separate "People", "Sponsors", and "Photos" pages, they could all go under a single top level "Team" page which then has big links to the sub pages.

If more people request this feature (please signify your interest with a 👍 ) I can reopen this issue.

[vincerubinetti]

I will reconsider this. I think if it's an option, more people will use it (though I still think they maybe shouldn't).

I'll actually try to implement it and see how much complexity it adds. Reference: https://moderncss.dev/css-only-accessible-dropdown-navigation-menu/