{"id":142395,"date":"2018-02-07T10:02:50","date_gmt":"2018-02-07T10:02:50","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&#038;p=142395"},"modified":"2018-02-07T10:10:41","modified_gmt":"2018-02-07T10:10:41","slug":"how-to-add-a-scrollbar-to-the-mobile-menu","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/how-to-add-a-scrollbar-to-the-mobile-menu\/","title":{"rendered":"How to add a scrollbar to the mobile menu"},"content":{"rendered":"<p>If your <strong>theme<\/strong> sticks your header on mobile and your mobile menu is taller than the height of the screen, you will find it&#8217;s impossible to scroll down to the bottom of the mobile menu.<\/p>\n<p>If your theme allows it, you could disable the sticky header on mobile which will allow you to scroll up and down the mobile menu.<\/p>\n<p>Alternatively, to add a scrollbar to the mobile menu, go to <em>Mega Menu &gt; Menu Themes &gt; Custom Styling<\/em> and add the following:<\/p>\n<pre class=\"lang:default decode:true \">@include mobile {\r\n    #{$wrap} #{$menu} {\r\n        max-height: 300px;\r\n        overflow: auto;\r\n    }\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If your theme sticks your header on mobile and your mobile menu is taller than the height of the screen, you will find it&#8217;s impossible to scroll down to the bottom of the mobile menu. If your theme allows it, you could disable the sticky header on mobile which will&#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-142395","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":"If your theme sticks your header on mobile and your mobile menu is taller than the height of the screen, you will find it&#8217;s impossible to scroll down to the bottom of the mobile menu. If your theme allows it, you could disable the sticky header on mobile which will...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/142395","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=142395"}],"version-history":[{"count":4,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/142395\/revisions"}],"predecessor-version":[{"id":142402,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/142395\/revisions\/142402"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=142395"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=142395"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=142395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}