Flyout menu - can scroll to bottom to show entire menu

HTML & CSS
1

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

2

overflow: auto;?

3

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.

4

thanks the fixed it!

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.