{"id":12751,"date":"2021-05-05T16:47:36","date_gmt":"2021-05-05T11:02:36","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/cook-recipe\/configure-header-footer-section\/how-to-create-and-edit-navigation-menu\/"},"modified":"2021-05-05T18:55:59","modified_gmt":"2021-05-05T13:10:59","slug":"how-to-create-and-edit-navigation-menu","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/cook-recipe\/configure-header-footer-section\/how-to-create-and-edit-navigation-menu\/","title":{"rendered":"How to Create and Edit Navigation Menu?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"102\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-20-1024x102.png\" alt=\"\" class=\"wp-image-12903\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-20-1024x102.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-20-300x30.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-20-768x76.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-20-1536x153.png 1536w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-20.png 1567w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"106\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-21-1024x106.png\" alt=\"\" class=\"wp-image-12905\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-21-1024x106.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-21-300x31.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-21-768x80.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/05\/1-21.png 1449w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p id=\"block-c6d5c67e-33c3-4b8e-af31-789bb2a22929\"><br>You can create a navigation menu from Customizer or from Dashboard. This theme supports three menu locations\u2013 two on the header, and one on the footer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-243f07b6-1014-4108-aed1-a439648f3d1e\"><strong>Create a New Menu from Customizer<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-f9302ed7-877f-47d8-9bbb-e1e792ec8276\"><li>Login to your WordPress Dashboard.<\/li><li>Go to&nbsp;<strong>Appearance &gt; Customize&gt; Menus<\/strong><\/li><li>Click on&nbsp;<strong>Create a New menu<\/strong>&nbsp;button<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-f4840ef3-99d9-4ee6-aea3-0dbe10614f4f\"><img decoding=\"async\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/create-new-menu.png\" alt=\"Create a new menu from Customizer\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-7bc73c00-45ee-4f98-8548-79ec1e951805\"><li>Give a name to your menu and select the menu location.<\/li><li>Click&nbsp;<strong>Next<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-7e7c3dc6-f37d-42d9-a3f7-46918dba5595\"><img decoding=\"async\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/primarymenu.png\" alt=\"This image has an empty alt attribute; its file name is primarymenu.png\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-5a180144-d65c-4fae-a9b2-7050e079139f\"><li>Click \u201c<strong>Add Items<\/strong>\u201d to add items (pages, posts, categories, custom links\u2026) to the Menu<\/li><li>Click \u201c<strong>+<\/strong>\u201d icon on the items list to add the item to the menu<\/li><li>Drag and Drop the added items to rearrange them<\/li><li>Click&nbsp;<strong>Publish<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-2bac6895-ac68-4508-968c-314923823571\"><img decoding=\"async\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/dashmenu.png\" alt=\"This image has an empty alt attribute; its file name is dashmenu.png\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-4c3986bb-f23b-41cf-ba05-372521aeae46\">Create Menu from Dashboard<\/h2>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-bcaa992f-2f5c-4c77-958d-de474051d29f\"><img decoding=\"async\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-from-dashboard.png\" alt=\"This image has an empty alt attribute; its file name is menu-from-dashboard.png\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-42bcc428-e49d-45ba-ba5d-e2151b197d99\"><li>Enter the Menu name and click on create a new menu<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-2b9fceaf-53aa-42d8-834f-5c4f46e0aedd\"><img decoding=\"async\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-name-dashboard.png\" alt=\"Creating menu from Dashboard\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-2372aebf-b776-4f4f-af4f-13aaf3912008\"><li>Select the items from&nbsp;<strong>Pages, Posts, Custom Links,<\/strong>&nbsp;or&nbsp;<strong>Categories<\/strong>&nbsp;and click \u201cAdd to Menu\u201d<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-8dd42f7e-aa68-4849-b77c-0c5f2b3f2a9c\"><img decoding=\"async\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footerdash.png\" alt=\"This image has an empty alt attribute; its file name is footerdash.png\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-e9205a0d-2171-44d8-b730-1c20ce8b0064\"><li>Drag and Drop the added items to rearrange them<\/li><li>Check the Menu location to Primary, Secondary, or Footer, wherever you want to display the menu.<\/li><li>Click on&nbsp;<strong>Save Menu<\/strong><\/li><\/ul>\n\n\n\n<p id=\"block-d8e68882-f086-4090-a709-b615622395b2\">For an in-depth guide on how to create menus, you can refer to <strong><a href=\"https:\/\/wphelpguide.com\/how-to-create-a-menu-in-wordpress\/\" target=\"_blank\" rel=\"noopener\">WP HelpGuide tutorial<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can create a navigation menu from Customizer or from Dashboard. This theme supports three menu locations\u2013 two on the header, and one on the footer. Create a New Menu from Customizer Login to your WordPress Dashboard. Go to&nbsp;Appearance &gt; Customize&gt; Menus Click on&nbsp;Create a New menu&nbsp;button Give a name to your menu and select [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":12749,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-12751","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12751"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=12751"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12751\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12749"}],"next":[{"title":"How to Configure Footer Settings?","link":"https:\/\/docs.blossomthemes.com\/cook-recipe\/configure-header-footer-section\/how-to-configure-footer-settings\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12752"}],"prev":[{"title":"How to Configure Site Logo \/ Name & Tagline to your Website?","link":"https:\/\/docs.blossomthemes.com\/cook-recipe\/configure-header-footer-section\/how-to-configure-site-logo-name-tagline-to-your-website\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12750"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=12751"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=12751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}