How to Add Custom Navigation Menu (Primary Menu and Secondary Menu) in WebHunt Themes




Do you want to add navigation menus in your WordPress site? Did you know that there is a very easy drag-and-drop menu interface that allows you to create drop-down menus in WordPress. In this tutorial you will find step by step instruction to know how to add navigation menu in WordPress.

Navigation Menus in WordPress

WordPress comes with a navigation menu system that makes it quite easy for beginner users to create and manage menus. The location of the menus can vary from theme to theme. Almost all WordPress themes come with at least one menu location. Some WordPress themes come with multiple menu locations to accommodate for more complex websites.

Creating Your First Custom Navigation Menu

You can create menus in WordPress by visiting Appearance » Menus in your WordPress admin area.

This will bring you to the Menus screen which is divided into two columns. The column on your left has your pages, categories, and custom links tab. The column on the right is where you add and adjust menu items.

Provide a name for your menu, e.g. ‘Primary Menu’ and then click on the create menu button. This will expand the menu area, and it will look like this:

empty-menu

As you can see in the screenshot, our demo site has two theme menu locations labeled primary and secondary. The location names and placements vary from theme to theme.

Next, you need to select the pages you want to add to the menu. You can do this by selecting the pages listed on the left hand side and clicking on Add to Menu button.

After adding pages to the menu, select the display location where you want to display the menu and click on the ‘Save Menu’ button.

menu-display-location

Don’t worry if you’re unsure where each menu location is on your site. You can visit the website to see the menu in action. If you don’t like it, then you can always change the menu location.

Understanding Theme Locations For Your Navigation Menus

Navigation Menus are a theme feature in WordPress. Their appearance and display is controlled entirely by your WordPress theme. The admin area only provides a user interface to add and manage those menus.

WordPress themes usually have at least one theme location for navigation menus. However, some themes may have more than one theme locations such as the theme we used while writing this article which had two theme locations primary and secondary menu.

Arranging Items in a Navigation Menu

It’s very easily rearrange your WordPress menu items in any order you want. Simply drag and drop a menu item to adjust its position in the menu.

Creating Nested Drop-Down Menus in WordPress

Nested menus, also known as drop-down menus, are navigational menus with parent and child menu items. These menus are usually styled by WordPress themes in such a way that when a user takes their mouse to a parent item, all their sub-menus are displayed.

In your menu structure, drag the menu item just below the parent item. Next, slightly drag the menu item to the right. You will notice that it will automatically become a sub-menu item.

creating-sub-menu

Adding Custom Links to Your WordPress Navigation Menus

What if you want to add a custom link or other site url page? 

Simply click on the custom link tab in the left-hand column to expand it. You will notice that it only has two fields. The first one is for URL where you will need to add the actual link you want to add. The second field is labeled link text where you will add the anchor text for the link.

custom-link-navigation-menu

Editing a Menu Item

When you add pages or categories to your custom navigation menu, WordPress automatically uses the page title or category name as the link text. This does not mean that you cannot change it.

All menu items can be edited by simply clicking on the downward arrow next to a menu item.

edit-menu-item

Removing a Link From Navigation Menus

You can remove a link in the same way you edit them. Just click on the downward arrow icon next to a menu item, and you will notice a red Remove link. When you clicking on it, the link will be removed from your navigation menus.

Adding Navigation Menus in Sidebars and Other Widget Ready Areas

Aside from the designated menu locations set by themes, you can also add navigation menus in your sidebar, footer and other widget-ready areas of your theme.

You can add menus in your sidebars by using widgets. Simply go to Appearance » Widgets and add Custom Menu widget from the list of available widgets to a sidebar.

Next, you need to provide a title for the widget heading and select one of your custom menus from the select menu drop down list. Lastly, click on the save button to store your widget settings.

We hope this article helped you learn how to add custom navigation menu (primary menu and secondary menu) in WebHunt Themes. If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Facebook.


Share this post:


Leave a Reply