Do you want to make a dropdown menu and add it to your WordPress website step by step 2020
A dropdown menu shows a list of links as you take your mouse over an item on the menu.
We use a dropdown menu on Narodnemisli.info, go ahead and take your mouse over the navigation menu on top.
In this beginner’s guide, we will show you how to easily create a dropdown menu in WordPress with step by step instructions.
Why Use Dropdown Menus in WordPress?
WordPress comes with a built-in menu management system that allows you to easily add navigation menus to your WordPress site.
Navigation menus are links to the main pages of your website that usually appear on the top as a horizontal row right next to the website’s logo.
If you are starting a blog or creating a website with only a few pages, then you can add them in the single row.
However, if you run an online store or a large website, then you may want to add more links to the navigation menu.
Dropdown menus help you solve the limited space issue by showing menu links only when users bring their mouse over to a parent item. They also allow you to organize the menu structure by topics or hierarchy.
Step 1. Choosing a Theme with Dropdown Menu Support
WordPress comes with a built-in menu management system but displaying those menus is entirely dependent on your WordPress theme.
Almost all WordPress themes support dropdown menus by default. However, some themes may not have proper menu support.
You need to make sure that you are using a WordPress theme that supports dropdown menus.
How do you know if the theme you are using supports the dropdown menu?
You can simply visit the theme’s website where you’ll find a link to the theme’s demo. From there you can see if the demo is showing a dropdown menu in the navigation menu.
If it is not, then you’ll need to find a WordPress theme that does.
Step 1. Creating a Navigation Menu in WordPress
If you have already set up a navigation menu on your website, then you can skip to the next step.
Let’s create a simple menu first.
Go to Appearance » Menus page and click on the ‘Create a new menu’ link at the top.
Next, you need to provide a name for your navigation menu. This name will not be publicly visible on your website. The purpose of menu name is to help you identify the menu inside the WordPress admin area.
Enter a name for your menu and then click on the ‘Create Menu’ button.
WordPress will now create a new empty menu for you.
Let’s add the top links to the navigation menu. These items will appear in the top row of your menu.
Simply select the pages you want to add from the left column and click on the ‘Add to menu’ button. You can also select blog posts, categories, or add custom links.
Step 2. Adding Sub-Items to a Menu
Sub-items are the items that will appear inside the dropdown menu. Depending on how you want to organize your menus, you can add them under any of the existing items.
For the sake of this tutorial, we will be adding categories under the blog link.
Simply select the items you want to add from the left column and then click on the ‘Add to menu’ button. Your items will now appear in the right column.
However, these links will appear as regular items. We need to make them a sub-item of a parent menu.
You can simply drag and drop a menu item and place it under the parent item. Move it slightly to the right, and it will become a sub-item.
Repeat the process for all links you want to show under the dropdown menu.
Once you are done, don’t forget to click on the ‘Save menu’ button to store your changes.