{"id":657,"date":"2024-08-13T04:09:35","date_gmt":"2024-08-13T04:09:35","guid":{"rendered":"https:\/\/themesific.com\/documentation\/?post_type=menus&#038;p=657"},"modified":"2024-08-16T09:21:34","modified_gmt":"2024-08-16T09:21:34","slug":"setup-column-mega-menu","status":"publish","type":"menus","link":"https:\/\/themesific.com\/documentation\/menus\/setup-column-mega-menu\/","title":{"rendered":"Setup Column Mega Menu"},"content":{"rendered":"<p>Our Column Mega Menu makes navigation easier by organizing links into a clear, multi-level menu. Quickly access different categories and subcategories, making browsing more efficient and user-friendly. Upgrade your site\u2019s navigation with the Mega Menu column for a better experience.<\/p>\n<p>The Column Mega Menu feature\u00a0 is available exclusively for the Main Menu. Below, you will find a complete guide to setting up the Column Mega Menu in the Carbon Theme.<\/p>\n<h5>Step 1: Access the WordPress Dashboard<\/h5>\n<ol>\n<li><strong>Log in<\/strong>\u00a0to your WordPress site.<\/li>\n<li>Navigate to\u00a0<strong>Appearance<\/strong>\u00a0&gt;\u00a0<strong>Menus<\/strong>.<\/li>\n<\/ol>\n<h5>Step 2: Create or Select the Main Menu<\/h5>\n<ol>\n<li>If you haven\u2019t created a menu yet, click on the\u00a0<strong>Create a new menu<\/strong>\u00a0link.<\/li>\n<li><strong>Name your menu<\/strong>\u00a0(e.g., Main Menu) and click the\u00a0<strong>Create Menu<\/strong>\u00a0button.<\/li>\n<li>Ensure the menu is assigned to the\u00a0<strong>Main Menu<\/strong>\u00a0location by checking the Main Menu box in Menu Settings and clicking\u00a0<strong>Save Menu<\/strong>.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-651\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-1.jpg\" alt=\"\" width=\"773\" height=\"348\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-1.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-1-300x135.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-1-768x346.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<h5>Step 3: Add Items to the Column Menu<\/h5>\n<ol>\n<li>On the left side, you will see sections like Pages, Posts, Custom Links, and Categories.<\/li>\n<li>In this case, we are creating a Column Mega Menu, so we choose the <strong>Custom Links<\/strong> section to add the labels for the Column Menu as <strong>Menu Item Level 1<\/strong>.<\/li>\n<li>To create a column within this menu, choose the <strong>Custom Links<\/strong> section again to add the label for the column as <strong>Menu Item Level 2<\/strong>. Then, you can add any items from <strong>Pages<\/strong>, <strong>Posts<\/strong>, <strong>Custom Links<\/strong>, or <strong>Categories<\/strong> as <strong>Menu Item Level 3<\/strong>, representing the items in that column.<\/li>\n<li>To create additional columns, follow the same steps.<\/li>\n<li>Arrange the menu items by dragging them into your desired order. Sub-menu items can be created by dragging items slightly to the right under a parent item.<\/li>\n<li>Tick the checkbox labeled<strong> Enable Mega Menu.<\/strong><\/li>\n<li>Once you&#8217;re done, save the menu, and you will see the results below.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-659\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/column-mega-menu-1.jpg\" alt=\"\" width=\"773\" height=\"444\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/column-mega-menu-1.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/column-mega-menu-1-300x172.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/column-mega-menu-1-768x441.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<p>You can see the setting of the Column Mega Menu in the image above, and the resulting menu structure in the image below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-658\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/column-mega-menu-2.jpg\" alt=\"\" width=\"773\" height=\"267\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/column-mega-menu-2.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/column-mega-menu-2-300x104.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/column-mega-menu-2-768x265.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":128,"template":"","_links":{"self":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/menus\/657"}],"collection":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/menus"}],"about":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/types\/menus"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/media\/128"}],"wp:attachment":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/media?parent=657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}