[Resolved] Menu not scrollable

[Johanna]

Hi,
in my header menu the long submenu is on smaller screens (desktop) not scrollable. So it is not possible to scroll to the end of the menu. Where is the problem?

Thanks.
Elena

[David]

Hi there,

the user should still be able to scroll the screen when long menus go past the bottom of the viewport.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Johanna]

Hi,

the menu is still not scrollable for me.

Thanks.

lg Elena

[David]

Tricky one this, you can try this CSS – it will make it so submenus become scrollable if they are too large to fit on the screen:

#sticky-navigation ul ul ul {
    max-height: calc(100vh - 360px);
    overflow-y: scroll !important;
}

You may need to increase the 360px value.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Johanna]

Hi, thanks. It works!

lg Elena

[David]

Awesome – glad to hear that!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts