[Support request] Navigation block – scroll bar

[ammgbr]

Hello,

I could not find a css that works in giving the submenus created in the navigation block to have a scroll bar. As it stands some fo my submenus are long giving a bad user interface.

[Fernando]

Hello there,

If that’s the case, you can alter the previous code I provided here: https://generatepress.com/forums/topic/navigation-block-css-styling/#post-2265296

Into something like this:

ul.wp-block-navigation__submenu-container {
    height: 100px !important;
    overflow-y: scroll !important;
    border: solid 1px rgba(0,0,0,.15) !important;
    border-radius: 10px;
}

Kindly let us know how it goes!

[ammgbr]

Many thanks the css works fine – had to remove it temporarily just trying some other styling.

I notice than on hovering the submenu category font get bigger as if the word zooms in – is there to stop that?

[Fernando]

In Simple CSS, you have this code:

.wp-block-navigation .wp-block-navigation-item__content:hover {
                font-size: 18px;
                color: #000;
                background-color: #ffeedc;
            }

Try removing font-size:18px;

Hope this helps! Kindly let us know how it goes.

[Author]

Posts