{"id":16402,"date":"2021-11-11T14:11:17","date_gmt":"2021-11-11T08:26:17","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/spicy-recipe\/configure-header-footer-section\/how-to-create-and-edit-navigation-menu\/"},"modified":"2021-11-12T18:08:07","modified_gmt":"2021-11-12T12:23:07","slug":"how-to-create-and-edit-navigation-menu","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/spicy-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=\"141\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-84-1024x141.png\" alt=\"\" class=\"wp-image-16763\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-84-1024x141.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-84-300x41.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-84-768x106.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/1-84.png 1335w\" 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=\"87\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/s7-1-1024x87.png\" alt=\"\" class=\"wp-image-16515\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/s7-1-1024x87.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/s7-1-300x25.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/s7-1-768x65.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/s7-1.png 1391w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<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. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Create a New Menu from Customizer<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><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\"><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\"><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\"><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\"><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\"><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\"> Create Menu from Dashboard <\/h2>\n\n\n\n<figure class=\"wp-block-image\"><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\"><li>Enter the Menu name and click on create a new menu<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1240\" height=\"847\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-name-dashboard.png\" alt=\"Creating menu from Dashboard\" class=\"wp-image-5418\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-name-dashboard.png 1240w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-name-dashboard-300x205.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-name-dashboard-768x525.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-name-dashboard-1024x699.png 1024w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><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 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"302\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/s9-1024x302.png\" alt=\"\" class=\"wp-image-16544\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/s9-1024x302.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/s9-300x88.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/s9-768x226.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/s9-1536x452.png 1536w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/11\/s9.png 1891w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><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>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\/\" class=\"rank-math-link\" 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":16400,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-16402","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/16402"}],"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=16402"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/16402\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/16400"}],"next":[{"title":"How to Configure Footer Settings?","link":"https:\/\/docs.blossomthemes.com\/spicy-recipe\/configure-header-footer-section\/how-to-configure-footer-settings\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/16403"}],"prev":[{"title":"How to Configure Site Logo \/ Name & Tagline to your Website?","link":"https:\/\/docs.blossomthemes.com\/spicy-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\/16401"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=16402"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=16402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}