Detect Nav left and right overlap

[duffyjp]

Bad

Good

In the case where the left ul and right ul overlap we should convert the right ul into it's hamburger form. I'm assuming javascript will be the only way to do that. (Simulated above by shrinking the window down from L -> M.

[duffyjp]

https://github.com/DFMCH/dfm_web/tree/49_left_right_nav_overlap

[duffyjp]

I added a branch demonstrating the behavior we see in real-life applications with crowded nav bars.

I think if we use Javascript to add the nav ul .left and nav ul .right width and trigger the menu if it's bigger than the window width that would solve it.

[duffyjp]

Somehow we've gone from Bad to Worse

• Look on top of "Information"

[duffyjp]

This one warrants a look. Right now we have @media query break-points that trigger a hamburger menu. Ideally you'd get the menu when you run out of space, not at a certain screen width.