Left Header that can scroll?

How To
1

I need to build a Side Header, with a menu that acts like an Acccordion, so the content could potentially require scrolling.

But Brick’s Left Header template gets Position: Fixed, which never scrolls.

I tried overriding css to Position: Sticky, but that causes a huge gap above the main-content area (on the right).

Any advice?

2

Adding overflow-y:scroll; should fix it. Or maybe set it to auto so it only shows when necessary.

Scrollbar gonna look fairly ugly though so depending on what you’re after, you could always fancy it up with something like GitHub - Grsmto/simplebar: Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.