Tagged: dropdown menu, scrollbar
Hi there,
I have a scrolling menu, which I achieved by adding the following:
.main_menu .menu ul {
height: 250px;
overflow: hidden;
overflow-y: scroll;
}
I’d like the scrollbar to show permanently.
Is there a simple way to do this in the CSS?
Many thanks
Stevo :-)
Hey Stevo,
Thank you for contacting us.
Menu and Scrollbar are both different elements. What exactly are you trying to do?
Please elaborate on the issue and upload a screenshot/mockup to one of the below sites and share the link here so we can help you better :)
https://snag.gy/
https://ctrlv.cz/en/
https://imgur.com
Best regards,
Vinay
Hi there,
I have included a screenshot link to Dropbox in your Private Content.
This shows the dropdown menu – off of the main menu – which is already successfully scrolling (using the CSS code above).
I would like to add some CSS to have the scrollbar in that dropdown menu showing all the time, rather than just when you begin to scroll.
This will allow users to see that there are more items to scroll through.
Many thanks
Steve
Hi,
Thanks for the update.
It’s possible but I don’t know why you need a scrollbar when the list of menu items are not that long. I mean the menu items are completely visible above the fold. Anyway, you can use this css code to display the scroll bar.
.sub-menu {
overflow-y: scroll;
}
Best regards,
Ismael
Thank you Ismael. Appreciated:-)
Yes – the menu was made smaller to prevent the need for a scroll bar, but as the additions continue, this CSS code will still be very useful!
Regards
Stevo 😊
Hi Stevo,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria