readthedocs / website

The Read the Docs community website
16 stars 6 forks source link

Convert top navigation to multiple dropdown menus #221

Closed agjohnson closed 5 months ago

agjohnson commented 1 year ago

Implements a "Product" and "Resources" dropdown navigation menu on desktop and mobile:

This expands our menus to include space for more links, and gives a place to start putting some links that have historically landed in our footer. Some of this content is missing, so the links are not optimized yet -- this is mostly working out structure.


:books: Documentation preview :books:: https://read-the-docs-website--221.com.readthedocs.build/

agjohnson commented 6 months ago

I've tuned all of the layout up and put some extra links in the navigation dropdown as placeholders mostly. We can return to add individual pages for features next, and it probably makes sense to move some of the links we squirreled away in the footer into at least the desktop product menu instead.

The menus look like this on desktop:

Screencast from 2024-04-03 12-01-17.webm

And this on mobile:

Screencast from 2024-04-03 12-02-09.webm