Submenu going off bottom of screen

Hi,

It’s pretty complex to display the sub menus in 2 columns, it would be very time consuming to figure out so that’s not something I can justify covering under free support sorry.

To make the sub menu scroll, try adding this to the Custom Styling section of your menu theme:

#{$wrap} #{$menu} #mega-menu-item-1622 > ul.mega-sub-menu {
  max-height: 300px;
  overflow: scroll;
}

Regards,
Tom

Thank You Tom!
This solved my problem.

I have similar problem. In Max Mega menu submenu items are making white space under the footer and I want to display submenu items with scrolling without the white space on the bottom.

The website is: https://exteriorcars.com/
The submenus 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 arent clickable and it doesnt show the next 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 reply was modified 7 years, 8 months ago by poweref.
• This reply was modified 7 years, 8 months ago by poweref.
• This reply was modified 7 years, 8 months ago by poweref.