Scroolbar and search box in Megamenu

jobadmin

Hello everybody. I'm finishing a news website using the Teline V template. As it is a website that should initially cover 390 cities in the state of Paraná, in Brazil, a megamenu submenu will need to have 390 options. Is there a way to make a submenu have a scroll
bar and a search box only for that category, in order to allow you to directly search for the name of a certain city, without the need to scroll the box to its position? The image I've attached is an edit of my megamenu, to show what I'm trying to do.

phinb

Hi @jobadmin

To create a megamenu with a scroll bar as you wish, use the following custom CSS:

.item-more .mega-inner {
	max-height: 50vh;
	overflow: auto;
}

To have a search bar as you desire, I think you need to find a suitable extension or hire a developer to help you implement this feature.

Regards,

jobadmin

phinb
Thank you very much, my friend. It will be of great help. However, there are many .css files and I am learning their logic, so if you could help me a little more, telling me where I should include this section in which css file I would be very grateful.

jobadmin

SOLVED - Again, thank you for your collaboration. I added the custom css to the megamenu.css file and everything worked perfectly.