Streaming live at 10am (PST)

Nav Bar behaviour as screen shrinks

#1

Hello everyone!

I’m having the following issues:

I’ve modified a bit the Nav Bar and it shows some weird behaviour as the screen size shrinks down: the logo becomes unreadable, the Menu Button opens up detached from the Nav Bar, and the language dropdown selector on the right changes the shape of the Nav Bar as it opens on hover…

Please, check it out and let me know if you help me solve these issues (link below)…

THANKS! :slight_smile:

Please feel free to check it out on the website (here: https://preview.webflow.com/preview/exploramunt-com?utm_source=exploramunt-com&preview=ce07b493df99bb37585047a108afd263


Here is my site Read-Only: https://preview.webflow.com/preview/exploramunt-com?utm_source=exploramunt-com&preview=ce07b493df99bb37585047a108afd263

#2

Here is how you fix the misaligned nav dropdown

Remove top paddings, set top right positioning.

The logo is shrinking because you didn’t tell it to do otherwise. Set min W for the RPC NAV BAR BRAND and then modify the rest of the items in the nav to squeeze everything in the smaller space (start removing or decreasing margins and paddings to see how much space you can save)

No idea what’s up with that language dropdown for now.