{"id":418064,"date":"2024-11-27T11:54:12","date_gmt":"2024-11-27T11:54:12","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&#038;p=418064"},"modified":"2024-11-27T11:54:27","modified_gmt":"2024-11-27T11:54:27","slug":"collapse-sub-menu","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/collapse-sub-menu\/","title":{"rendered":"Collapse Sub Menu"},"content":{"rendered":"<p>An example of collapsed sub menus within a mega menu can be found in the demo menu on the homepage of megamenu.com:<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-example.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-418067\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-example.png\" alt=\"\" width=\"2086\" height=\"762\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-example.png 2086w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-example-300x110.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-example-1024x374.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-example-768x281.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-example-50x18.png 50w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-example-1536x561.png 1536w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-example-2048x748.png 2048w\" sizes=\"auto, (max-width: 2086px) 100vw, 2086px\" \/><\/a><\/p>\n<p>To collapse a sub menu within a mega menu, go to <em>Appearance &gt; Menus<\/em> and open the mega menu settings for the parent item. At the bottom of the General Settings tab, enable &#8216;Collapse sub menu&#8217;.<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-418066\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu.png\" alt=\"\" width=\"2650\" height=\"1228\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu.png 2650w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-300x139.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-1024x475.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-768x356.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-50x23.png 50w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-1536x712.png 1536w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2024\/11\/collapse-sub-menu-2048x949.png 2048w\" sizes=\"auto, (max-width: 2650px) 100vw, 2650px\" \/><\/a><\/p>\n<p>Collapsed sub menus appear on click (not hover, as it results in <a href=\"https:\/\/imgur.com\/gallery\/terrible-menu-design-ORHjrTE\">terrible menu design<\/a>). If you want the parent item to simply toggle the sub menu (and the link itself to not be reachable), enable the &#8220;Disable Link&#8221; option in the menu item settings.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>An example of collapsed sub menus within a mega menu can be found in the demo menu on the homepage of megamenu.com: To collapse a sub menu within a mega menu, go to Appearance &gt; Menus and open the mega menu settings for the parent item. At the bottom of&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[14],"ht-kb-tag":[],"class_list":["post-418064","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":"An example of collapsed sub menus within a mega menu can be found in the demo menu on the homepage of megamenu.com: To collapse a sub menu within a mega menu, go to Appearance &gt; Menus and open the mega menu settings for the parent item. At the bottom of...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/418064","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=418064"}],"version-history":[{"count":2,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/418064\/revisions"}],"predecessor-version":[{"id":424179,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/418064\/revisions\/424179"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=418064"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=418064"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=418064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}