{"id":19846,"date":"2022-09-27T17:18:46","date_gmt":"2022-09-27T11:33:46","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/spa-center\/configure-header-footer-section\/how-to-create-edit-navigation-menu\/"},"modified":"2022-09-28T12:21:43","modified_gmt":"2022-09-28T06:36:43","slug":"how-to-create-edit-navigation-menu","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/spa-center\/configure-header-footer-section\/how-to-create-edit-navigation-menu\/","title":{"rendered":"How to Create &#038; Edit Navigation Menu?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"155\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-106-1024x155.png\" alt=\"\" class=\"wp-image-19868\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-106-1024x155.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-106-300x45.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-106-768x116.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-106.png 1257w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can create navigation menu from Customizer or from Dashboard. This theme supports only a single menu i.e. the Primary menu. If you need more than one menu, you can add them in the sidebar using \u201cNavigation Menu\u201d widget.<\/p>\n\n\n\n<p>You can either follow the video or read the instructions given.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Create Menu in WordPress Site\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/o2VvZnP53gk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Create a New Menu from Customizer<\/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>&nbsp;in the WordPress Dashboard<\/li><li>Click on&nbsp;<strong>Create a New menu&nbsp;<\/strong>button<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"501\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Create-a-menu-from-customizer-Blossomthemes.png\" alt=\"Create a menu from customizer Blossomthemes\" class=\"wp-image-110\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Create-a-menu-from-customizer-Blossomthemes.png 340w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Create-a-menu-from-customizer-Blossomthemes-204x300.png 204w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Give a name to your menu and select the menu location. If you select a primary location, the menu will be displayed below the logo. <\/li><li>Click&nbsp;<strong>Next<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"341\" height=\"505\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-3.png\" alt=\"\" class=\"wp-image-19249\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-3.png 341w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2022\/09\/1-3-203x300.png 203w\" sizes=\"(max-width: 341px) 100vw, 341px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Click \u201cAdd Items\u201d to add items (pages, posts, categories, custom links\u2026) to the Menu<\/li><li>Click \u201c+\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 loading=\"lazy\" decoding=\"async\" width=\"645\" height=\"887\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-menu-items-blossomthemes.png\" alt=\"Select menu items blossomthemes\" class=\"wp-image-112\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-menu-items-blossomthemes.png 645w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Select-menu-items-blossomthemes-218x300.png 218w\" sizes=\"(max-width: 645px) 100vw, 645px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Create Menu from Dashboard<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Login to your WordPress Dashboard.<\/li><li>Go to&nbsp;<strong>Appearance &gt; Menus<\/strong>&nbsp;in the WordPress Dashboard<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"493\" height=\"525\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Create-menu-from-dashboard-Blossomthemes.png\" alt=\"Create menu from dashboard Blossomthemes\" class=\"wp-image-113\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Create-menu-from-dashboard-Blossomthemes.png 493w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Create-menu-from-dashboard-Blossomthemes-282x300.png 282w\" sizes=\"(max-width: 493px) 100vw, 493px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Click on&nbsp;<strong>create a new menu.<\/strong><\/li><li>Give a name to your menu in&nbsp;<strong>Menu Name<\/strong>&nbsp;and click the&nbsp;<strong>Create Menu&nbsp;<\/strong>button<strong>.<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1378\" height=\"483\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Create-a-menu.png\" alt=\"Create a menu\" class=\"wp-image-1660\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Create-a-menu.png 1378w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Create-a-menu-300x105.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Create-a-menu-768x269.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Create-a-menu-1024x359.png 1024w\" sizes=\"(max-width: 1378px) 100vw, 1378px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Select the items from&nbsp;<strong>Pages<\/strong>,&nbsp;<strong>Posts, Custom Links<\/strong>, or&nbsp;<strong>Categories<\/strong>&nbsp;and click \u201cAdd to Menu\u201d.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1385\" height=\"649\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Save-secondary-menu.png\" alt=\"Save secondary menu\" class=\"wp-image-1661\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Save-secondary-menu.png 1385w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Save-secondary-menu-300x141.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Save-secondary-menu-768x360.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Save-secondary-menu-1024x480.png 1024w\" sizes=\"(max-width: 1385px) 100vw, 1385px\" \/><\/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.<\/li><li>Click&nbsp;<strong>Save Menu<\/strong>.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>You can create navigation menu from Customizer or from Dashboard. This theme supports only a single menu i.e. the Primary menu. If you need more than one menu, you can add them in the sidebar using \u201cNavigation Menu\u201d widget. You can either follow the video or read the instructions given. Create a New Menu from [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":19844,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-19846","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/19846"}],"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=19846"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/19846\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/19844"}],"next":[{"title":"How to Add Footer Widgets?","link":"https:\/\/docs.blossomthemes.com\/spa-center\/configure-header-footer-section\/how-to-add-footer-widgets\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/19847"}],"prev":[{"title":"How to configure Site Logo\/Name & Tagline for your website?","link":"https:\/\/docs.blossomthemes.com\/spa-center\/configure-header-footer-section\/how-to-configure-site-logo-name-tagline-for-your-website\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/19845"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=19846"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=19846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}