Submenu items are creating white space under the footer

  • 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: https://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 7 years, 8 months ago by poweref.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi power,

    The free version of MMM only supports horizontal menus, so what you have on your site is a horizontal menu that is squished into a vertical orientation – it is not designed to work like that. Vertical Menus are a feature in Pro, and the sub menus will appear to the right hand side of the menu. Alternatively you could look for a free menu plugin (make sure it specifies that it works with vertical orientation).

    Regards,
    Tom

    Thread Starter poweref

    (@poweref)

    Hello Tom,

    I purchased the Pro version today. Can you help me set up menu like I asked in my first post?

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Submenu items are creating white space under the footer’ is closed to new replies.