Scroll problems with a fixed sidebar

[Oleg_l (Oleg)]

Hi guys, I’m having a critical issue with the sidebar menu.
Just wondering if you could help.

I have a website with fixed NavBar and fixed sidebar NavMenu, like in this playground: http://playground-d7348b.webflow.io And I want the sidebar to scroll like here: https://www.uber.com

I tried everything including giving height to NavMenu and setting its Content Overflow to Scroll but nothing worked so far. The NavMenu scrolls properly only when the page content is shorter than the menu’s. In other cases it won’t scroll even despite the fact it’s fixed and its content is longer than the browser window.

Looks like a Webflow bug to me.
Would appreciate any advice on how to make it work.

---

[Joe_Hoff]

Could you provide a read-only share link?

Share a read-only link | Webflow University

[Oleg_l (Oleg)]

Sure.
Appreciate your help.

https://preview.webflow.com/preview/playground-d7348b?preview=5c1d99639b0954a6063da5b672d66071

[Joe_Hoff]

Check out the CSS code to add mentioned here - in your case you might need one for each media break.

Scrollable Menu/Navbar (fixed position)

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.

[Oleg_l (Oleg)]

Awesome! Thanks Joe.
Will try it soon.