{"id":96166,"date":"2016-11-14T09:23:18","date_gmt":"2016-11-14T09:23:18","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&#038;p=96166"},"modified":"2025-06-03T10:21:47","modified_gmt":"2025-06-03T09:21:47","slug":"fixed-height-mega-sub-menu","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/fixed-height-mega-sub-menu\/","title":{"rendered":"Fixed height mega sub menu"},"content":{"rendered":"\n<p><strong>Important note: <\/strong>These instructions are for <strong>Mega Menu<\/strong> style sub menus (<em>not<\/em> Flyout Style sub menus; it is not possible to add a scrollbar to Flyout Style sub menus).<\/p>\n\n\n\n<p>To fix the height of the mega sub menu&nbsp;\/ panel background, go to <em>Mega Menu &gt; Menu Themes<\/em>, select your active menu theme and insert one of the following options into the Custom Styling area:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Maximum fixed height<\/h3>\n\n\n\n<p>This option will set the height of the sub menus to 200px and show a scrollbar if the content is taller than 200px.<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \" >@include desktop {\n    #{$wrap} #{$menu} li.mega-menu-megamenu &gt; ul.mega-sub-menu {\n        max-height: 200px;\n        overflow: auto;\n    }\n}<\/pre><\/div>\n\n\n\n<p>This option will set the <em>minimum<\/em> 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.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Minimum fixed height<\/h3>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \" >@include desktop {\n    #{$wrap} #{$menu} li.mega-menu-megamenu &gt; ul.mega-sub-menu {\n        min-height: 200px;\n    }\n}<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>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&nbsp;\/ panel background, go to Mega Menu &gt; Menu Themes, select your active&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[14],"ht-kb-tag":[],"class_list":["post-96166","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-faqs"],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Tom Hemsley","author_link":"https:\/\/www.megamenu.com\/author\/megamenu\/"},"uagb_comment_info":0,"uagb_excerpt":"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&nbsp;\/ panel background, go to Mega Menu &gt; Menu Themes, select your active...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/96166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/comments?post=96166"}],"version-history":[{"count":9,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/96166\/revisions"}],"predecessor-version":[{"id":427721,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/96166\/revisions\/427721"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=96166"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=96166"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=96166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}