Setting the size of the scrollable box with navigation dropdown (collapsed element)

[Lorenmn]

Not quite sure how to describe this.

I have a large menu (locations) within a page. I want a dropdown navigation but want to restrict it in height so the user just scrolls through the menu options.

You can see it on this page - https://bouncestudios.co.uk/locations/ on MOBILE only.

How can I restrict the size of the dropdown area?

[prakash_s]

Hello @Lorenmn,

Thanks for writing to us.

Regretfully there is no option for that but you can achieve it by using custom CSS code for that you need to go to the Navigation Dropdown —> Customize—>Element CSS. You need to add this custom CSS code.

$el.x-dropdown.x-active {
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
}

Please feel free to change the height as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks