Local nav doesn't fit on vertical tablet sized screens

[adamwoodnz]

Describe the bug
The items on the right of the local nav are too wide to fit next to the homepage link on sub pages, and get pushed below, breaking the layout.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://wordpress.org/documentation/article/updating-wordpress/
2. Ensure your screen size is 768px wide (typical tablet device or devtools)
3. Observe the local nav bar below the global header

Expected behavior
The local nav items should be centrally vertically aligned with the home link (like larger screens), or collapsed into a menu (like smaller screens).

Screenshots

Desktop (please complete the following information):

• MacOS
• Chrome devtools

[ryelle]

It looks like the issue is this nav is longer than we expect. We do break to the chevron dropdown at 600px, but when the site title is in the nav, it starts wrapping at 779px. This will only become more of an issue when the page title is added to the nav bar (see L3: WordPress/wporg-mu-plugins#535 (comment) - cc @fcoveram)

It also happens on the homepage at <675px wide:

[fcoveram]

Thanks for noticing it. I will work on an idea for this and share the proposal in wporg-mu-plugins#535 to keep the design discussion in one place.

[ryelle]

Moved this issue to "on hold" while WordPress/wporg-mu-plugins#535 is completed.