{"id":650,"date":"2024-08-13T04:12:35","date_gmt":"2024-08-13T04:12:35","guid":{"rendered":"https:\/\/themesific.com\/documentation\/?post_type=menus&#038;p=650"},"modified":"2024-08-13T04:16:17","modified_gmt":"2024-08-13T04:16:17","slug":"create-a-menu","status":"publish","type":"menus","link":"https:\/\/themesific.com\/documentation\/menus\/create-a-menu\/","title":{"rendered":"Create a Menu"},"content":{"rendered":"<h4><strong>Step-by-Step Guide to Create a Menu in the Carbon Theme<\/strong><\/h4>\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 1: Access the WordPress Dashboard<\/h5>\n<ol>\n<li><strong>Log in<\/strong> to your WordPress site.<\/li>\n<li>From the dashboard, navigate to <strong>Appearance<\/strong> &gt; <strong>Menus<\/strong>.<\/li>\n<\/ol>\n<h5>Step 2: Create a New Menu<\/h5>\n<ol>\n<li>Click on the <strong>Create a new menu<\/strong> link.<\/li>\n<li><strong>Name your menu<\/strong> (e.g., Main Menu, Top Menu) and click the <strong>Create Menu<\/strong> button.<\/li>\n<\/ol>\n<h5>Step 3: Add Items to the Menu<\/h5>\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<ol>\n<li>On the left side, you\u2019ll find sections such as Pages, Posts, Custom Links, and Categories.<\/li>\n<li>Check the boxes next to the items you want to add to your menu. This can include pages, blog posts, custom links (like an external website), and categories.<\/li>\n<li>Click the <strong>Add to Menu<\/strong> button to add the selected items to your menu.<\/li>\n<\/ol>\n<h5>Step 4: Arrange Menu Items<\/h5>\n<ol>\n<li><strong>Drag and drop<\/strong> menu items to arrange them in your desired order.<\/li>\n<li>To create a <strong>sub-menu item<\/strong>, drag an item slightly to the right under the parent item.<\/li>\n<\/ol>\n<h5>Step 5: Assign the Menu to a Location<\/h5>\n<ol>\n<li>Below the menu structure, you\u2019ll find <strong>Menu Settings<\/strong> with different menu locations:\n<ul>\n<li><strong>Top Menu<\/strong><\/li>\n<li><strong>Main Menu<\/strong><\/li>\n<li><strong>Footer Menu<\/strong><\/li>\n<li><strong>Offcanvas Menu<\/strong><\/li>\n<li><strong>Magic Island\u00a0<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>Check the box next to the location where you want the menu to appear. For example:\n<ul>\n<li><strong>Top Menu<\/strong> for a menu at the top of your site.<\/li>\n<li><strong>Main Menu<\/strong> for the primary navigation menu.<\/li>\n<li><strong>Footer Menu<\/strong> for a menu in the footer area.<\/li>\n<li><strong>Offcanvas Menu<\/strong> for a menu in Offcanvas Menu Panel<\/li>\n<li><strong>Magic Island<\/strong> for a menu in Magic Island Panel<\/li>\n<\/ul>\n<\/li>\n<li>Click <strong>Save Menu<\/strong> to save your changes.<\/li>\n<\/ol>\n<h5>Step 6: Customize Menu Items (Optional)<\/h5>\n<ol>\n<li>Click the <strong>downward arrow<\/strong> on the right side of each menu item to expand it.<\/li>\n<li>Here, you can change the <strong>navigation label<\/strong>, add a <strong>title attribute<\/strong>, or <strong>remove<\/strong> the item.<\/li>\n<li>You can also add <strong>CSS classes<\/strong> for custom styling if needed. Enable CSS classes by clicking the <strong>Screen Options<\/strong> tab at the top right and checking the <strong>CSS Classes<\/strong> option.<\/li>\n<\/ol>\n<h4>Additional Tips for Carbon Theme<\/h4>\n<p><strong>Mega Menus:<\/strong> The Carbon Theme supports mega menus, you can create advanced dropdown menus. <a href=\"https:\/\/themesific.com\/documentation\/menus\/setup-mega-menu\/\">Check the instructions here for specific instructions on setting up mega menus.<\/a><\/p>\n","protected":false},"featured_media":494,"template":"","_links":{"self":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/menus\/650"}],"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\/494"}],"wp:attachment":[{"href":"https:\/\/themesific.com\/documentation\/wp-json\/wp\/v2\/media?parent=650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}