How to add the scroll bar for submenu using superfish menu css?

Q: Dear supoort,
I have created the menu with css3menu. But there a lot of items go down. Is there any way to add the scroll bar for it?

A: You can try to add the scroll bar for submenu manually.

For this purpose you should open your page where you added the css3menu in any text editor and add class="scroll" into the <ul></ul> tag.

For example:

<ul class="scroll">
                <li><a href="#">Item 1 0</a></li>
                <li><a href="#">Item 1 1</a></li>
                <li><a href="#">Item 1 2</a></li>
                <li><a href="#">Item 1 3</a></li>
                <li><a href="#">Item 1 4</a></li>
                <li><a href="#">Item 1 5</a></li>
                <li><a href="#">Item 1 6</a></li>
                <li><a href="#">Item 1 7</a></li>
                <li><a href="#">Item 1 8</a></li>
                <li><a href="#">Item 1 9</a></li>
                <li><a href="#">Item 1 10</a></li>
                <li><a href="#">Item 1 11</a></li>
        </ul>



Also you should open style.css file in any text editor and add the following code:

ul#css3menu1 ul.scroll{
        max-height: 135px;
        overflow-y: auto;
        overflow-x: hidden;
}


You can also change the value of 'max-height' parameter.
Please, notice that the submenu you want the scroll bar add to, shouldn't have sub-submenu.

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