Search code examples
cssmenuscrollable

How to prevent dropdown menu from retracting when trying to scroll

I have what are supposed to be scrollable menus for desktop and mobile. However, when you pull down the sidebar and release — the whole menu retracts. You can't open the menu and just scroll.

How do I prevent the main menu from retracting so the user can easily scroll?

.nav li ul {
max-height: 550px;
overflow-y: auto;

}

Solution

  • Fixed. Reducing the height from 550 to 450 allows the dropdown menu to scroll.

    .nav li ul {
max-height: 450px;
overflow-y: auto;

    }