{"id":25813,"date":"2016-09-14T22:37:36","date_gmt":"2016-09-14T21:37:36","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&#038;p=25813"},"modified":"2023-09-20T12:51:24","modified_gmt":"2023-09-20T11:51:24","slug":"how-to-distribute-sub-menu-items-over-multiple-columns","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/how-to-distribute-sub-menu-items-over-multiple-columns\/","title":{"rendered":"How to distribute sub menu items over multiple columns"},"content":{"rendered":"<p>In this example we will distribute the &#8220;Installation&#8221;, &#8220;Mega Menus&#8221;, &#8220;Flyout Menus&#8221; and &#8220;Menu Item Options&#8221; menu items over 2 columns.<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-203298\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-1.png\" alt=\"\" width=\"1774\" height=\"854\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-1.png 1774w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-1-300x144.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-1-768x370.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-1-1024x493.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-1-50x24.png 50w\" sizes=\"auto, (max-width: 1774px) 100vw, 1774px\" \/><\/a><\/p>\n<h3>Menu Configuration<\/h3>\n<p>Open the mega menu builder for the sub menu and expand the parent menu item (&#8220;Getting Started&#8221;).<\/p>\n<p>Set the &#8220;Sub menu columns&#8221; option to 2 and Save.<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-settings.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-203301\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-settings.png\" alt=\"\" width=\"2490\" height=\"1202\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-settings.png 2490w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-settings-300x145.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-settings-768x371.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-settings-1024x494.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-settings-50x24.png 50w\" sizes=\"auto, (max-width: 2490px) 100vw, 2490px\" \/><\/a><\/p>\n<h3>The result<\/h3>\n<p>The sub menu items are now distributed over 2 columns.<\/p>\n<p><a href=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-203304\" src=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-3.png\" alt=\"\" width=\"1774\" height=\"858\" srcset=\"https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-3.png 1774w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-3-300x145.png 300w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-3-768x371.png 768w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-3-1024x495.png 1024w, https:\/\/www.megamenu.com\/wp-content\/uploads\/2016\/09\/distribute-menu-items-3-50x24.png 50w\" sizes=\"auto, (max-width: 1774px) 100vw, 1774px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this example we will distribute the &#8220;Installation&#8221;, &#8220;Mega Menus&#8221;, &#8220;Flyout Menus&#8221; and &#8220;Menu Item Options&#8221; menu items over 2 columns. Menu Configuration Open the mega menu builder for the sub menu and expand the parent menu item (&#8220;Getting Started&#8221;). Set the &#8220;Sub menu columns&#8221; option to 2 and Save&#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-25813","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":"In this example we will distribute the &#8220;Installation&#8221;, &#8220;Mega Menus&#8221;, &#8220;Flyout Menus&#8221; and &#8220;Menu Item Options&#8221; menu items over 2 columns. Menu Configuration Open the mega menu builder for the sub menu and expand the parent menu item (&#8220;Getting Started&#8221;). Set the &#8220;Sub menu columns&#8221; option to 2 and Save....","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/25813","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=25813"}],"version-history":[{"count":17,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/25813\/revisions"}],"predecessor-version":[{"id":395518,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/25813\/revisions\/395518"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=25813"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=25813"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=25813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}