ufosc/club-website

Fix nav-bar scaling in "tablet" sized screens

Closed this issue · 7 comments

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
image

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

ZPPD commented

Can I get this issue?

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

ZPPD commented

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

ZPPD commented

@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?

club-website-menu

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

Fixed with #63