Drop down menu goes past bottom of browser window

Support
#1

Hi,
My inline drop down menu has about 14 items in it and it extends below the bottom of the browser window making it inaccessible.

Is there a way to fix this? I would assume that is should scroll to reach additional items at the bottom?

Please advise.

Thank you

#2

Hello @cmelnik,

Thanks for asking.

Is this happenig on mobile or desktop? Can you please share website URL?

Thanks.

#3

Desktop. I reduced the padding between each menu items so it is not visible… unless you reduce your screen height drastically.

Will send details.

Thank you

#4

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

li#menu-item-305 ul.sub-menu.x-dropdown {
    overflow-y: scroll;
    max-height: 500px;
}

Hope it helps :slight_smile:

#5

Worked perfectly!

Thank you

#6

You’re welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.