[Resolved] enable scrollbar when submenu height is bigger than the screen size

[eduard sans]

Hi there, I would like to know how to enable a scrollbar when the submenu’s height is bigger than the screen size. I’ve tried by adding a “overflow: scroll;” to the style sheet but it just seems to show the space for it without any functionality. Any tips?

If you want to see an example check on the navigation menu Destinations > Asia > this submenu can grow bigger than certain laptop sizes.

Thanks in advance!

[David]

Hi there,

could try something like this:

.main-navigation ul ul .sub-menu {
    max-height: calc(100vh - 176px);
    overflow-y: scroll !important;
}

This limits the height of the sub menu to 100% of the viewport height minus the height of your header.

[eduard sans]

Perfect! thanks !

[David]

You’re welcome

[Author]

Posts