WIP: Fix menu overflow

[jsouth]

Fixes #5511
Fixes #5207

However, I would like to fine tune the actions on viewport rescaling a bit more.

More to come :)

[jsouth]

@johndmulhausen

• update -
  Still noticing issues in some browsers. Needs further refinement.

[mdlinville]

Noticed a few things:

• The alignment of the search box on a full-width browser on the very front page seems weird. Shouldn't it left-align with the left-hand nav?

• If you switch to another tab (like Product Manuals) and then back to the front page, you lose the search box entirely sometimes. This happened to me at least once but I couldn't reliably replicate it.

• From 991-1024 px wide I don't have the archive drop-down at all even though I haven't switched into "mobile mode" so I don't have the hamburger either.

• There is no way to select archive versions at all in the mobile view, unless you know that they are available at the bottom of the left nav. Maybe this is OK.

• Around 785px and smaller, parts of the top nav (Guides / Product Manuals / Glossary etc) start disappearing and are not accessible in any way.

[jsouth]

@mistyhacks - Thank you for the above comments/details!

Going to take another crack at this 🌟

[mdlinville]

1025px - 1141px is weird because the top bar is still small (not the hero one) but its background is transitioning like the hero one does. I think this is not what we want. @jsouth

[mdlinville]

@jsouth looks like you need to rebase on msater.

[jsouth]

[mdlinville]

Almost! 993-1000PX has no hamburger menu and also no drop-down version selector. I think the hamburger should probaby start at 1000 and go down. WDYT?

[jsouth]

@mistyhacks - The hamburger menu is utilizing the default bootstrap breakpoints. We can override, but need to double check to be sure it won't effect anything negatively. will circle back!

[jsouth]

@mistyhacks - Would it be possible to merge what we have, and i"ll do some follow up fixes?
The current PR addresses the breakage for the version selector, and would like to get this out soon if possible.

please advise :)

[mdlinville]

Sure, that sounds fine. I'm not sure why the hamburger menu is not behaving if it is just using the default Bootstrap breakpoints. I would prefer for us not to have to override the Bootstrap defaults in anyway. We can debug that 7-pixel gap in a follow-up!