hello ,
i am using some 10-20 items in some of my sub-menu list so it appears quite long so can please help with that so i apply a drop-down selection list on this sub-menus i am talking about both top bar menu and main menu i really need that because i creating sports website with all leagues having about 10-20 teams so my sub-menu list becomes so large when i assign these teams to corresponding league.
you can take a look on my home page thespotkick.com in which if you on top-bar menu with black background English premier league having a list of teams in this league it will contain a list of 20 teams currently there are only 14 so i wants to appear it like selection list of 10 teams rest can appear on scrolling down the selection list so we need to define a fix height in that can you help me with that its necessary for me because i will also list international teams list of all country so there is going to around 200+ entry in that section an example you can see that on this page – http://www.goal.com/en-india/news/2175/la-liga?ICID=HP_TN_5_2_3 here you will see laliga and team list with the fix height selection list please help with that one this is important part of my menu structure and navigation dependency.
Hello manoj.yadav,
I made a custom CSS for your top menu for a start
.td-header-top-menu-full .sub-menu {
max-height:200px;
overflow: auto;
}
But for the main menu you need to target the specific sub-menu, because CSS needs precise targeting on the specific sub-menu you create, otherwise the whole thing collapses.
You can use the browser inspector tool to target that specific sub-menu classes used in the sub-menus you create and then add the max-height and overflow proprieties.
Thank you.
