{"id":653,"date":"2024-08-13T04:10:15","date_gmt":"2024-08-13T04:10:15","guid":{"rendered":"https:\/\/themesific.com\/documentation\/?post_type=menus&#038;p=653"},"modified":"2024-08-16T09:20:10","modified_gmt":"2024-08-16T09:20:10","slug":"setup-mega-menu","status":"publish","type":"menus","link":"https:\/\/themesific.com\/documentation\/menus\/setup-mega-menu\/","title":{"rendered":"Setup Mega Menu"},"content":{"rendered":"<p><strong>How to Set Up Megamenu in the Carbon Theme<\/strong><\/p>\n<p>The Carbon Theme for WordPress includes a powerful Megamenu feature that is available exclusively for the Main Menu. This feature is designed to enhance your site&#8217;s navigation by allowing you to create advanced dropdown menus with various styles. The Megamenu can be used for category items and offers six distinct styles and a column menu. Below, you will find a complete guide to setting up the Megamenu in the Carbon Theme.<\/p>\n<h5>Step 1: Access the WordPress Dashboard<\/h5>\n<ol>\n<li><strong>Log in<\/strong> to your WordPress site.<\/li>\n<li>Navigate to <strong>Appearance<\/strong> &gt; <strong>Menus<\/strong>.<\/li>\n<\/ol>\n<h5>Step 2: Create or Select the Main Menu<\/h5>\n<ol>\n<li>If you haven&#8217;t created a menu yet, click on the <strong>Create a new menu<\/strong> link.<\/li>\n<li><strong>Name your menu<\/strong> (e.g., Main Menu) and click the <strong>Create Menu<\/strong> button.<\/li>\n<li>Ensure the menu is assigned to the <strong>Main Menu<\/strong> location by checking the Main Menu box in Menu Settings and clicking <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 Menu<\/h5>\n<ol>\n<li>On the left side, you will see sections like Pages, Posts, Custom Links, and Categories.<\/li>\n<li>Check the boxes next to the items you want to add to your menu (e.g., categories for Megamenu).<\/li>\n<li>Click the <strong>Add to Menu<\/strong> button to add the selected items to your menu.<\/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<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-652\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-2.jpg\" alt=\"\" width=\"773\" height=\"424\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-2.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-2-300x165.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-2-768x421.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<h5>Step 4: Enable and Customize the Megamenu<\/h5>\n<ol>\n<li>Click the <strong>downward arrow<\/strong> on the right side of a category menu item to expand it.<\/li>\n<li>In the <strong>Megamenu Settings<\/strong> section, you will see options to select the Megamenu style.<\/li>\n<li>Choose one of the six Megamenu styles. You can refer to the demo for each style <a href=\"https:\/\/expthemes.com\/landing\/carbon\/features\/mega-menus.php\" target=\"_new\" rel=\"noreferrer noopener\">here<\/a>.<\/li>\n<li>Customize the selected Megamenu style according to your needs.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-656\" src=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-4.jpg\" alt=\"\" width=\"773\" height=\"537\" srcset=\"https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-4.jpg 773w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-4-300x208.jpg 300w, https:\/\/themesific.com\/documentation\/wp-content\/uploads\/2024\/08\/menu-4-768x534.jpg 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/p>\n<h5>Step 5: Save Your Menu<\/h5>\n<p>After configuring the Megamenu settings, click <strong>Save Menu<\/strong> to apply the changes.<\/p>\n<p>There is another type of Mega Menu called the <strong>Column Mega Menu<\/strong>. <a href=\"https:\/\/themesific.com\/documentation\/menus\/setup-column-mega-menu\/\">You can follow this instruction to create it.<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":128,"template":"","_links":{"self":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/menus\/653"}],"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=653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}