Fix nav-bar scaling in "tablet" sized screens

[dylanalvarez1]

Fix visual issue where the nav-bar is too obstrusive in a certain range of screen dimensions such as medium sized screens (600 x 900 for example).

To Reproduce
Go to browser dev tools, and change the screen size to 600 x 900.

Expected behavior
Rearrange the nav-bar so it displays the different options in a less obtrusive way.

Screenshots

[mirdaki]

The eventual goal is to have the menu hover over the content (instead of push it down), kind of like this

[ZPPD]

Can I get this issue?

[mirdaki]

@ZPPD Sure! Let us know if you have any questions or suggestions

[ZPPD]

Thanks @mirdaki . I can't assign myself, but I will work on it tomorrow

[ZPPD]

@mirdaki
I am testing it on Chrome and Firefox. There is an empty div with a class of topnav-placeholder.
On the left is Firefox, where I have removed the empty div. On the right is Chrome with the empty div, which has a height of 60px.
Do you want me to keep the div? And is this what you are looking for for the design?

[mirdaki]

Sorry for not getting back sooner. I feel like the left without the div looks the best! Thank you for your help

[mirdaki]

Fixed with #63