{"id":5070,"date":"2020-03-01T15:00:42","date_gmt":"2020-03-01T14:00:42","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=5070"},"modified":"2021-06-29T12:49:09","modified_gmt":"2021-06-29T10:49:09","slug":"how-to-add-navigation-menu-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-add-navigation-menu-in-wordpress\/","title":{"rendered":"How to Add a Navigation Menu in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]When we visit a website, we expect to find what we need with ease. If the navigation system is designed well, we won\u2019t have trouble getting to the section or page we\u2019re interested in.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Simple and intuitive <a href=\"https:\/\/qodeinteractive.com\/magazine\/best-wordpress-menu-plugins\/\">menu navigation<\/a> is one of the key elements of good UX. In this guide, we\u2019ll show you how to add a navigation menu in WordPress so your users can easily find their way around your website.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In WordPress, you can add pages, posts, as well as custom links and categories to the menu. We\u2019ve made a video tutorial on how to create a menu using our bestselling theme <a href=\"https:\/\/bridgelanding.qodeinteractive.com\/\">Bridge<\/a>. The same steps can be applied to other <a href=\"https:\/\/qodeinteractive.com\/themes-list\/\">Qode Interactive WordPress themes<\/a>, so make sure to check it out:[\/vc_column_text][vc_empty_space height=&#8221;41px&#8221;][vc_column_text]<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/L5mQrrqugJE\" width=\"1280\" height=\"720\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe>[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][vc_column_text]In case you\u2019re not using one of our themes, or if you prefer a written tutorial, continue reading to learn all about creating and setting up a navigation menu in WordPress.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Create a Navigation Menu in WordPress<\/h2>\n<p>[\/vc_column_text][vc_column_text]From your admin dashboard, go to <em><strong>Appearance &gt; Menus<\/strong><\/em>. The <em><strong>Edit Menus<\/strong><\/em> page will open.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Menus.jpg\" class=\"attachment-full size-full\" alt=\"Appearance Menus\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Menus.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Menus-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Menus-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The <em>Edit Menus<\/em> page is divided into two parts. On the left, under <em><strong>Add Menu Items<\/strong><\/em>, there are several options: <em>Pages, Posts, Custom Links, and Categories<\/em>. To create a new menu, we\u2019ll stick to the right column \u2013 <em><strong>Menu Structure<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Structure.jpg\" class=\"attachment-full size-full\" alt=\"Menu Structure\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Structure.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Structure-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Structure-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]First, let\u2019s input the <em><strong>Menu Name<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Name.jpg\" class=\"attachment-full size-full\" alt=\"Menu Name\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Name.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Name-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Name-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you\u2019ve given your menu a name, press the <em><strong>Create Menu<\/strong><\/em> button.[\/vc_column_text][vc_column_text]There is no limit in WordPress as to how many menus you can create, so you can add as many as you need.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Add Menu Elements<\/h2>\n<p>[\/vc_column_text][vc_column_text]The next thing to do is to choose the pages, posts, custom links, and categories you wish to add to the menu from the <em><strong>Menu Items<\/strong><\/em> column. Select the elements according to your needs and press the <em><strong>Add to Menu<\/strong><\/em> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Add-to-Menu-Button.jpg\" class=\"attachment-full size-full\" alt=\"Add to Menu Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Add-to-Menu-Button.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Add-to-Menu-Button-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Add-to-Menu-Button-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Adding categories to your WordPress menu is particularly handy if you run a blog. Categories allow you to group related posts, so users can easily navigate to a subject of their interest and find all the related posts in one place. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To add categories to your menu, click on the <em><strong>Categories<\/strong><\/em> tab in the <em>Menu Items<\/em> column. From the dropdown menu, select the category you wish to add to your navigation menu. When you\u2019re done, press <em><strong>Add to Menu<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Categories.jpg\" class=\"attachment-full size-full\" alt=\"Menu Categories\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Categories.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Categories-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Categories-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The categories you\u2019ve selected will now appear within the <em><strong>Menu Structure<\/strong><\/em>. Drag and drop them to arrange them the way you like it best.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you\u2019d like to add custom links to your menu, under <em><strong>Add Menu Items<\/strong><\/em> select <em><strong>Custom Links<\/strong><\/em>. In the <em><strong>URL<\/strong><\/em> field, paste the link of the page you want the menu item to lead to, and in the <em><strong>Link Text<\/strong><\/em> field enter a name for the menu item.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Custom-Link.jpg\" class=\"attachment-full size-full\" alt=\"Menu Custom Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Custom-Link.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Custom-Link-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Custom-Link-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you\u2019re done, click the <em><strong>Add to Menu<\/strong><\/em> button, and your menu item will appear in the <em><strong>Menu Structure<\/strong><\/em> section.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Set the Menu Location<\/h2>\n<p>[\/vc_column_text][vc_column_text]Now it\u2019s time to set the <em><strong>Display Location<\/strong><\/em> for the menu. This determines where your menu will appear on your website. The available locations depend on the theme you\u2019ve got installed. For instance, some themes may include a footer menu, horizontal menu, etc. but all come with at least one display location.[\/vc_column_text][vc_empty_space height=&#8221;81px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_widget_sidebar sidebar_id=&#8221;top-picks-banner&#8221;][vc_empty_space height=&#8221;28px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;70px&#8221;][vc_column_text]In Qode Interactive themes you can usually choose between at least these three menu locations: <em><strong>Top Navigation<\/strong><\/em>, <em><strong>Mobile Navigation<\/strong><\/em>, and <em><strong>Fullscreen Navigation<\/strong><\/em>. Depending on the theme you\u2019re using, you might have other menu locations available.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Simply tick the box (or boxes) next to the menu location you\u2019d like to display your menu in. Note that you can add one menu to multiple locations if you wish. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Display-Location.jpg\" class=\"attachment-full size-full\" alt=\"Menu Display Location\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Display-Location.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Display-Location-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Display-Location-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you\u2019ve added your menu to a menu location, don\u2019t forget to press the <em><strong>Save Menu<\/strong><\/em> button.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Arrange Menu Items<\/h2>\n<p>[\/vc_column_text][vc_column_text]The elements you\u2019ve previously added to your menu will appear under <em><strong>Menu Structure<\/strong><\/em>, on the right side of the editor. To rearrange the menu items the way you want, simply drag and drop them into the desired order.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"528\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Order.gif\" class=\"attachment-full size-full\" alt=\"Menu Order\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;79px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Create a Dropdown Menu in WordPress<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you have a lot of pages on your site, you can make navigation easier and clearer by setting up dropdown menus, aka submenus or nested menus. This lets you create a hierarchical organization that will make it more intuitive for your user to navigate your site.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To create a nested menu in WordPress, all you need to do is move a menu item to the right within the <em><strong>Menu Structure<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Dropdown-Menu.jpg\" class=\"attachment-full size-full\" alt=\"Dropdown Menu\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Dropdown-Menu.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Dropdown-Menu-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Dropdown-Menu-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The menu items you move to the right will appear as second level menu items in your menu, i.e. they will only be visible once the user hovers over the first level menu item (<em>Home<\/em> in the example above).[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can also create multi-layered nested menus if you wish, but it\u2019s best not to create more than 2 layers.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Order-Items.jpg\" class=\"attachment-full size-full\" alt=\"Menu Order Items\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Order-Items.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Order-Items-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Order-Items-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;79px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Customize a WordPress Menu Item<\/h2>\n<p>[\/vc_column_text][vc_column_text]You can customize certain options for each menu item you add to your menu. To do so, just click the small downward arrow located to the right of the menu item\u2019s name. This will open an options panel which will allow you to edit the navigation label, add attributes, etc. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Item-Arrow.jpg\" class=\"attachment-full size-full\" alt=\"Menu Item Arrow\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Item-Arrow.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Item-Arrow-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Item-Arrow-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;79px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Remove Menu Items in WordPress<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you\u2019d like to remove an element from your navigation menu, once again, click the downward arrow next to the menu item\u2019s name. At the bottom of the panel, below all the options, you\u2019ll see the <em><strong>Remove<\/strong><\/em> link. Press it and the selected menu item will be deleted from the menu.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Item-Remove-Button.jpg\" class=\"attachment-full size-full\" alt=\"Menu Item Remove Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Item-Remove-Button.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Item-Remove-Button-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Menu-Item-Remove-Button-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;79px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Add a WordPress Menu to Sidebars and Widget Areas<\/h2>\n<p>[\/vc_column_text][vc_column_text]WordPress lets you display your navigation menu not only in the available display locations, but also in sidebars. This can be useful if, for instance, you\u2019re running a blog and would like certain pages, posts, or categories to be easily accessible from each of your blog posts.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To add a menu to your sidebar (or any other widget area), navigate to <em><strong>Appearance &gt; Widgets<\/strong><\/em>. The widget we\u2019re interested in is called <em><strong>Navigation Menu<\/strong><\/em>. Simply drag and drop this widget to the widget area you\u2019d like to display it in.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Or, alternatively, you can click on the widget and choose the widget area from the dropdown menu that appears. then click the <em><strong>Add Widget<\/strong><\/em> button, and the widget will appear on the right-hand side of the screen, under the selected location.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Navigation-Menu.jpg\" class=\"attachment-full size-full\" alt=\"Widgets Navigation Menu\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Navigation-Menu.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Navigation-Menu-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Navigation-Menu-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Set a title for the navigation menu in the widget area, select the menu you wish to display, and click <em><strong>Save<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"380\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Menu-Navigation-Area.jpg\" class=\"attachment-full size-full\" alt=\"Widgets Menu Navigation Area\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Menu-Navigation-Area.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Menu-Navigation-Area-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Menu-Navigation-Area-620x332.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And that\u2019s it, you\u2019ve added a menu to your website\u2019s sidebar.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]Menu navigation is one of the crucial elements of any website. In fact, users are more inclined to use direct navigation rather than rely on the website\u2019s Search option. <strong>Make sure your menu is well structured, logical, and clear<\/strong>, so users are always aware of where they are and how to get to where they want to go next.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Menu navigation is something that can make or break a website. If done well, it\u2019ll encourage people to stay on your site. That\u2019s why it\u2019s important to test it on the regular, especially when adding new content. Make sure it all works just fine and that all your links are functional, so your users don\u2019t run into any stutters or stops.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Want to learn how to add a navigation menu in WordPress? We\u2019ll show you how to do it so your uses can easily find their way around your website.<\/p>\n","protected":false},"author":4,"featured_media":5109,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[14,4,13],"class_list":["post-5070","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-core","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/5070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=5070"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/5070\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/5109"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=5070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=5070"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=5070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}