{"id":17330,"date":"2021-12-29T13:09:17","date_gmt":"2021-12-29T07:24:17","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/blossom-magazine\/configure-header-footer-section\/how-to-create-and-edit-navigation-menu\/"},"modified":"2022-02-11T15:22:38","modified_gmt":"2022-02-11T09:37:38","slug":"how-to-create-and-edit-navigation-menu","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-magazine\/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=\"129\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/1-60-1024x129.png\" alt=\"\" class=\"wp-image-17519\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/1-60-1024x129.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/1-60-300x38.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/1-60-768x97.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/1-60.png 1408w\" 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=\"101\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/1-61-1024x101.png\" alt=\"\" class=\"wp-image-17520\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/1-61-1024x101.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/1-61-300x30.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/1-61-768x76.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/12\/1-61.png 1285w\" 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<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=\"Create A Multipurpose Magazine Style Website In 2022 | Blossom Magazine WordPress Theme\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/2SkRzMUIX0Q?start=4588&#038;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\" id=\"create-a-new-menu-from-customizer\"><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\" id=\"create-menu-from-dashboard\">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","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":17328,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-17330","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/17330"}],"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=17330"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/17330\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/17328"}],"next":[{"title":"How to Configure Header Settings?","link":"https:\/\/docs.blossomthemes.com\/blossom-magazine\/configure-header-footer-section\/how-to-configure-header-settings\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/17333"}],"prev":[{"title":"How to Configure Site Logo \/ Name & Tagline to your Website?","link":"https:\/\/docs.blossomthemes.com\/blossom-magazine\/configure-header-footer-section\/how-to-configure-site-logo-name-tagline-to-your-website\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/17329"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=17330"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=17330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}