Scroll bar in side menu

Is there any ability to add scroll bar function to side menu?

Q: Is there any ability to add scroll bar function to drop down menu?
We have over 50 items (Cities) that we like to have added into drop down menu, but without scroll bar it appears monstrous and difficult to use.

Please, support with piece of code and description where it should be added.

Thank you in advance!

A: You can do it in the following way. Open the generated .css file in any text editor.
Find the following code:

...
ul#css3menu_top ul {
    background-color: #424542;
    border-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    border-width: 2px;
    box-shadow: 3.5px 3.5px 5px #000000;
    display: none;
    height: 300px;
    left: 0;
    padding: 0 10px 10px;
    position: absolute;
    top: 100%;

}
...



Add width and overflow parameters like this:

...
ul#css3menu_top ul {
    background-color: #424542;
    border-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    border-width: 2px;
    box-shadow: 3.5px 3.5px 5px #000000;
    display: none;
    height: 300px;
    left: 0;
    overflow: auto;
    padding: 0 10px 10px;
    position: absolute;
    top: 100%;
    width: 160px;
}
...


Notice, that it's possible to add the scroll bar into drop down menu if there is no
other submenus in it.

Related

Recent Demos



Contact US

For troubleshooting, feature requests, and general help, contact Customer Support at Mail. Make sure to include details on your browser, operating system, CSS3 Menu version, link to your page.
In most cases you'll get a reply within 1 business day. Please read the FAQs first to see if your question has already been answered.

See More