Flyout menu - can scroll to bottom to show entire menu

I have a flyout menu for screens below 992px, but the menu items extent below the screen. When you scroll it’s scrolling the content behind the menu. I’m guessing it’s partly due to absolute positioning, but not sure how to make the menu scroll down.

Here is a link to the dev server http://phiaconcepts.devlocation.site

overflow: auto;?

The easiest solution is to set a max-height and use overflow as mentioned above.

.fixed-top{
max-height:100vh;
overflow:auto;
}

A better solution would be to independently scroll the menu from the top section but that’s a little awkward in that set up.

thanks the fixed it!