Long menu dropdowns

Question

Hello,
and thank you for a great template.

I have one issue that I can't find a solution for. I use the menu with submenus for a site (the Feature dropdown in your "Corporate - Layout 3"). For one menu dropdown the number of items are so many that it expands past the bottom of the screen and it is impossible to reach them. I would have expected that it would be possible to scroll inside the menu list, but that doesn't seem to work. Scrolling the page doesn't work either as the menu doesn't move even though the underlying page does.

Do you have any solution for this?

Here is a link to the site (the second menu item is the one causing with the problem): https://goo.gl/dsJphj

Best regards,
Martin

SemiColonWeb · Accepted Answer

Hello,

Thank You so much for the Kind Words! :)

It is possible to have the Long Menus scroll vertically but then the Submenus of those Menu Items will not work because of the CSS Limitations: https://stackoverflow.com/questions/6421966/css-overflow-x-visible-and-overflow-y-hidden-causing-scrollbar-issue .

You can use the following CSS Code:

#primary-menu ul ul {
	overflow-y: scroll;
	max-height: 90vh;
}

This can be applied to the Sub Menus but then the Submenus of those Submenus wont work.

Hope the explanation Helps!

Let us know if we can help you with anything else or if you find any further issues.

mcaster · Answer

Thank you for your answer, I seems like this won't work for our layout then. Is it possible to have a mega menu with two level of submenus? Regards, Martin

Semicolon Web · Answer

Hello,

You can consider using this Template: https://www.dropbox.com/s/az2adcl11ns5tjs/megamenu-with-dropdown.html?dl=1 . The Dropdowns in the Megamenu is located in the Portfolio.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.