In Max Mega menu, when I click on parent menu item, child submenu items are making white space under the footer and I want to display child submenu items with scrolling and on the right side of parent item.

The website is: http://exteriorcars.com/
The Max Mega menu with the problem is on the home page:
BMW >
Mercedes-Benz >
Volkswagen >

I tried to put this code in my custom css in theme:

    #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2>li.mega-menu-flyout ul.mega-sub-menu {
	max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

This code displays the scroll bar and sets the height but the items in submenu that have their own child submenu items aren’t clickable and it doesn’t show the next child submenu items.

Can you please tell me what code to put to display scroll within submenu and how to display submenu on the right instead bellow parent menu item?

Thank you.

• This topic was modified 3 years, 7 months ago by poweref.