Archived topic
Navigation block - scroll bar
3 replies · Started by ammgbr on June 27, 2022
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.
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!
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?
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.
