Scrollable Menu/Navbar (fixed position)

Design help General
4

Ok, since navbar is taking part of the screen we have to keep “nav menu” height = 100vh - navbar height (65px of div-navbar + 10px * 2 paddings) = 85 px;

CSS has great function: calc (), but Webflow doesn’t have it built in yet.

So you can add this code snippet to “head” section of custom code area:

<style>
 @media (max-width: 767px)
{
.nav-menu {
    overflow: scroll;
    height: calc(100vh - 85px); 
}
}
</style>

And “nav menu” will not do out screen view and will be scrollable.

3 Likes