Fixed height mega sub menu

Important note: These instructions are for Mega Menu style sub menus (not Flyout Style sub menus; it is not possible to add a scrollbar to Flyout Style sub menus).

To fix the height of the mega sub menu / panel background, go to Mega Menu > Menu Themes, select your active menu theme and insert one of the following options into the Custom Styling area:

Maximum fixed height

This option will set the height of the sub menus to 200px and show a scrollbar if the content is taller than 200px.

@include desktop {
    #{$wrap} #{$menu} li.mega-menu-megamenu &gt; ul.mega-sub-menu {
        max-height: 200px;
        overflow: auto;
    }
}

@include desktop {

#{$wrap} #{$menu} li.mega-menu-megamenu > ul.mega-sub-menu {

max-height: 200px;

overflow: auto;

}

Minimum fixed height

This option will set the minimum height of all sub menus to 200px. If the content of a sub menu is taller 200px then the sub menu will increase in height to fit the content.

@include desktop {
    #{$wrap} #{$menu} li.mega-menu-megamenu &gt; ul.mega-sub-menu {
        min-height: 200px;
    }
}

@include desktop {

#{$wrap} #{$menu} li.mega-menu-megamenu > ul.mega-sub-menu {

min-height: 200px;

}

Max Mega Menu Documentation