menu with scrollbar on sidebar

You can do this by css. Can i have your url so that i can code css for this?

Here is the link :
https://goo.gl/cAqJvd

Hi
Please place this css code in your .css file.

.side-nav-right .side-nav {
max-height: 200px;
overflow-y: auto;
}

Please let me know if its not working.
Thanks

I added those codes to css , but where am i supposed to see the changes?
i looked in widgets there is nothing and no other difference

Where you have added the css. Its not reflecting anywhere?

.menu-tafsir-container {
max-height: 84px;
overflow-y: auto;
}

.side-nav-right .side-nav {
max-height: 100px;
overflow-y: auto;
}

Scroll bar only be visible when it will be more than the mentioned height.

Please let me know if its not working.
Thanks

I added to custom css option of my theme (theme is Avada)
it works!! but it misses with the arrow which is provided for every menu by the theme i think you can see it in action here :
https://goo.gl/pOc63f
is there any solution for that?

and how can i customize the scroll style according to my needs and how to add outline for the box and some other customizations ?

And thank you for your time ??

I think , i can take care of the menu styling , i am not good
at css but did some searches for css basics and come out with this
customizations :
container {
max-height: 188px;
background-color: #transparent;
overflow-y: auto;
border-color: #336699;
border-style: solid;
border-width: 1px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
except scroll bar

Everything seems to work fine ,but those arrows which
shifts off the menu , i dont even need them there , any idea how to
remove them from that menu?

.sidebar .widget_nav_menu ul li a:before{content:” ” !important;}

Can you try this.

it works!
thank you very much bro
you have no idea how badly i wanted this

???? ???? ???

I am happy that i can help you.

Cheers

Thanks Extech! This thread helped me too.

Welcome