Streaming live at 10am (PST)

Changing my window height makes menu items and logo outgrow my navigation height

Hey guys! I’m having an issue with my navigation’s responsiveness to screen height and I’m not sure how to resolve it. When I shrink my screens viewport, all the menu items, and the logo outgrow, or fall out of the menu bar. Can anyone offer an explanation on how to fix this? Thanks!

Here is my read only: Webflow - LIGHT Initiative

Normal screen size:

Small height screen size:

Don’t use VH units on navbar elements. And if you must, use min-height not fixed height. This way if VH value is just not enough for the content, it will be ignored and you won’t get navbar shrinking beyond its content.

1 Like

That worked! Thank you so much : )