Help needed to make dropdown menu scrollable on desktop

[Celer_Studios]

Hello!

I have a navigation dropdown on my site that applies to Desktop, tablet, and mobile. On tablet and mobile the menu is of course scrollable, however on desktop it is not.

Depending on the monitor, some users are finding some menu items are missing below the fold and cant be accesses because the menu overlay is not scrollable. See below:

I’ve had a play with overflow settings but no luck. Any help much appreciated!

Thanks,

J

---

Here is my public share link: LINK
(how to access public share link)

[zafremedia]

hello @Celer_Studios,
please share your website read-only link.

[Celer_Studios]

Hey! Thanks for replying.

Looks like I messed up pasting the link in the original post. Here it is:

https://preview.webflow.com/preview/canfeixes?utm_medium=preview_link&utm_source=designer&utm_content=canfeixes&preview=f90c664850e61ea8d743220236e3adba&locale=en&workflow=preview

[zafremedia]

give a height: 100 vh;
to your uui-navbar02_dropdown-list class:
and overflow: auto;

and this class doesn’t need overflow: auto;

final result:

[Celer_Studios]

Amazing! Thanks so much! I opted for 75vh in the end to have some canvas to hover out from.