{"id":12422,"date":"2021-03-22T13:21:22","date_gmt":"2021-03-22T07:36:22","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/blossom-studio\/configure-header-footer-section\/how-to-create-and-edit-navigation-menu\/"},"modified":"2021-03-22T13:23:14","modified_gmt":"2021-03-22T07:38:14","slug":"how-to-create-and-edit-navigation-menu","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-studio\/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=\"220\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/menu-1024x220.png\" alt=\"\" class=\"wp-image-11893\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/menu-1024x220.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/menu-300x64.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/menu-768x165.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/menu-1536x330.png 1536w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/menu.png 1552w\" 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=\"135\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/03\/footermenu-1024x135-1.png\" alt=\"\" class=\"wp-image-12425\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/03\/footermenu-1024x135-1.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/03\/footermenu-1024x135-1-300x40.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/03\/footermenu-1024x135-1-768x101.png 768w\" 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 loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"467\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/create-new-menu.png\" alt=\"Create a new menu from Customizer\" class=\"wp-image-5415\" 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\" \/><\/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 loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"529\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/primarymenu.png\" alt=\"\" class=\"wp-image-7850\" 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\" \/><\/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 loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"669\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/dashmenu.png\" alt=\"\" class=\"wp-image-7851\" 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\" \/><\/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 loading=\"lazy\" decoding=\"async\" width=\"722\" height=\"586\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/07\/menu-from-dashboard.png\" alt=\"\" class=\"wp-image-5416\" 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\" \/><\/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\"><img loading=\"lazy\" decoding=\"async\" width=\"1895\" height=\"551\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/footerdash.png\" alt=\"\" class=\"wp-image-7852\" 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\" \/><\/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 indepth 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":12410,"menu_order":2,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-12422","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12422"}],"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=12422"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12422\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12410"}],"next":[{"title":"How to Configure Footer Settings?","link":"https:\/\/docs.blossomthemes.com\/blossom-studio\/configure-header-footer-section\/how-to-configure-footer-settings\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12428"}],"prev":[{"title":"How to Configure Header Settings?","link":"https:\/\/docs.blossomthemes.com\/blossom-studio\/configure-header-footer-section\/how-to-configure-header-settings\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12417"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=12422"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=12422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}