{"id":7832,"date":"2020-02-11T17:33:57","date_gmt":"2020-02-11T11:48:57","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/sarada-documentation\/configure-header-footer-section\/how-to-create-and-edit-navigation-menu\/"},"modified":"2020-09-01T14:49:06","modified_gmt":"2020-09-01T09:04:06","slug":"how-to-create-and-edit-navigation-menu","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/sarada\/configure-header-footer-section\/how-to-create-and-edit-navigation-menu\/","title":{"rendered":"How to Create and Edit Navigation Menu?"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8043\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/navigationmenu.png\" alt=\"\" width=\"1623\" height=\"503\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/navigationmenu.png 1623w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/navigationmenu-300x93.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/navigationmenu-1024x317.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/navigationmenu-768x238.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/navigationmenu-1536x476.png 1536w\" sizes=\"(max-width: 1623px) 100vw, 1623px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7849\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footermenu.png\" alt=\"\" width=\"1486\" height=\"178\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footermenu.png 1486w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footermenu-300x36.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footermenu-1024x123.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footermenu-768x92.png 768w\" sizes=\"(max-width: 1486px) 100vw, 1486px\" \/><\/p>\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<p><strong>Note:<\/strong> If you want to display a menu on the left of the site identity, select the Primary location and if you want to display it on the left then select the Secondary location. If you want to display a menu on the footer, select the footer location.<\/p>\n<h2><span id=\"Create_a_New_Menu_from_Customizer\"><strong>Create a New Menu from Customizer<\/strong><\/span><\/h2>\n<ul>\n<li>Login to your WordPress Dashboard.<\/li>\n<li>Go to\u00a0<strong>Appearance &gt; Customize&gt; Menus<\/strong><\/li>\n<li>Click on\u00a0<strong>Create a New menu<\/strong>\u00a0button<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5415\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/create-new-menu.png\" alt=\"Create a new menu from Customizer\" width=\"297\" height=\"467\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/create-new-menu.png 297w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/create-new-menu-191x300.png 191w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/p>\n<ul>\n<li>Give a name to your menu and select the menu location.<\/li>\n<li>Click\u00a0<strong>Next<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7850\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/primarymenu.png\" alt=\"\" width=\"350\" height=\"529\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/primarymenu.png 350w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/primarymenu-198x300.png 198w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/p>\n<ul>\n<li>Click \u201c<strong>Add Items<\/strong>\u201d to add items (pages, posts, categories, custom links\u2026) to the Menu<\/li>\n<li>Click \u201c<strong>+<\/strong>\u201d icon on the items list to add the item to the menu<\/li>\n<li>Drag and Drop the added items to rearrange them<\/li>\n<li>Click\u00a0<strong>Publish<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7851\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/dashmenu.png\" alt=\"\" width=\"634\" height=\"669\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/dashmenu.png 634w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/dashmenu-284x300.png 284w\" sizes=\"(max-width: 634px) 100vw, 634px\" \/><\/p>\n<h2><span id=\"Create_Menu_from_Dashboard\">Create Menu from Dashboard<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5416\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-from-dashboard.png\" alt=\"\" width=\"722\" height=\"586\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-from-dashboard.png 722w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-from-dashboard-300x243.png 300w\" sizes=\"(max-width: 722px) 100vw, 722px\" \/><\/p>\n<ul>\n<li>Enter the Menu name and click on create a new menu<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5418 size-full\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-name-dashboard.png\" alt=\"Creating menu from Dashboard\" width=\"1240\" height=\"847\" 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\" \/><\/p>\n<ul>\n<li>Select the items from\u00a0<strong>Pages, Posts, Custom Links,<\/strong>\u00a0or\u00a0<strong>Categories<\/strong>\u00a0and click \u201cAdd to Menu\u201d<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7852\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footerdash.png\" alt=\"\" width=\"1895\" height=\"551\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footerdash.png 1895w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footerdash-300x87.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footerdash-1024x298.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footerdash-768x223.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footerdash-1536x447.png 1536w\" sizes=\"(max-width: 1895px) 100vw, 1895px\" \/><\/p>\n<ul>\n<li>Drag and Drop the added items to rearrange them<\/li>\n<li>Check the Menu location to Primary, Secondary, or Footer, wherever you want to display the menu.<\/li>\n<li>Click on\u00a0<strong>Save Menu<\/strong><\/li>\n<\/ul>\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. Note: If you want to display a menu on the left of the site identity, select the Primary location and if you want to display it on the left [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":7830,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-7832","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/7832"}],"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=7832"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/7832\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/7830"}],"next":[{"title":"How to Add Social Media Icons in the Footer?","link":"https:\/\/docs.blossomthemes.com\/sarada\/configure-header-footer-section\/how-to-add-social-media-icons-in-the-footer\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/7835"}],"prev":[{"title":"How to Configure Site Logo \/ Name & Tagline to your Website?","link":"https:\/\/docs.blossomthemes.com\/sarada\/configure-header-footer-section\/how-to-configure-site-logo-name-tagline-to-your-website\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/7831"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=7832"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=7832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}