How to Create a Dropdown Menu in WordPress in 2021?

Last updated on April 13th, 2022 at 09:16 pm

Would you like to create a drop down menu and then insert it into an own WordPress site? A drop down menu indicates a listing of links since you choose your mouse within the item onto your menu.

We have used drop down menu in my website Proceed and select your own mouse across the navigation menu onto the very top.

Inside This newcomer’s manual, we Will Reveal to You How to create a drop down menu in WordPress with step-by-step guidelines.

Must Read: Read our detailed guide on Hostinger Hosting 

Why Use Drop down Menus in WordPress?

WordPress has an integrated menu control system that lets you effortlessly insert navigation menus into an own WordPress website.

Navigation menus have been links into the leading web pages of your site that always appear at the top as a flat row directly alongside the site’s logo.

typical nav menu

If you’re beginning a weblog or even establishing a blog with just a couple of pages, then you definitely may insert them in one row.

But if you operate an online retail store or even a huge site, you might need to incorporate more links into the navigation menu.

Drop down menus assist you in remedying the average space by revealing menu links just when users bring their mouse over to the parent’s item. Additionally, they also make it possible for you to prepare the menu arrangement by a hierarchy of topics.

dropdownmenu wpb

Finally, they appear pretty fine also.

Today, that stated that let us look at how to create WordPress drop down menus incorporated into your site.

Select Theme with Drop down Menu Support Theme

WordPress has an integrated menu control system; nevertheless, showing these menus is entirely dependent on your WordPress theme.

Virtually all WordPress themes encourage drop down menus. But a few themes may perhaps not need suitable menu support.

You first ought to be sure you are using a WordPress theme that affirms drop down menus. How have you any idea whether the theme you’re applying supports the drop down menu?

Now you can easily visit the theme’s internet site at which you are going to discover a URL for this theme’s presentation. From that point, you may observe whether the demonstration is revealing a drop down menu in the navigation menu.

If it’s not, then you will want to come across a WordPress theme, which does.

Listed below are some great themes that encourage that the drop down menu out from this box.

Astra Theme # It is really a multi-purpose WordPress theme that accompanies different starter websites and lots of features.

StudioPress Theme # Constructed on top of the genesis theme frame, all these professional themes are optimized for operation.

OceanWP Theme # A favorite WordPress theme which is appropriate for all sort of sites.

Ultra Theme # This theme made by Themify builder, this drag and drop WordPress theme consists of exceptional templates and elastic theme alternatives.

Divi Theme #  Common theme by Elegant Themes, which employs the Divi site builder also equipped with lots of drag & drop attributes, including drop down menus.

Having said that, now, let us take a look at how to create drop down menu at WordPress

Must Read: Read our detailed guide on GeneratePress Theme

Step 1 # Establishing a Navigation Menu in WordPress

If you’ve already established a navigation menu for your site, you definitely may jump to the following technique.

Let us make an uncomplicated menu.

First of all, you have to go to your WordPress Admin dashboard, choose Appearance, and choose Menu pages. Next, click on Create new menu link a the top.

create menu

Subsequently, you require to give a title for the navigation menu. This title isn’t going to be openly observable on your site.

Menu recognition intends that will assist you find out the menu in the WordPress admin location.

menu name1

Input a title on the own menu and click Create Menu button.

WordPress can generate a brand-new empty menu for you personally.

Let us insert the links into the navigation menu. The following items may appear within the upper row of your menu.

Simply pick the website pages you prefer to add out of the left column then click the Add to Menu button.

You may even select site articles, categories or insert custom-made link.


You may finally observe those web pages appear within the most right column under your new menu.

Step 2 # Incorporating Sub-Items into Menu

Sub-items would be those things that will appear in the drop down menu. Based on how you would like to prepare your menus, you can now add them beneath any existing goods.

In the interest of the particular tutorial, we’ll likely be incorporating categories beneath your site connection.

Only opt for those items you prefer to incorporate out of the left column and then click the Add to Menu button. Your items may appear in the most right column.


But these links can appear as ordinary items. We will need to make them become sub-item of the parent menu.

Now it is easy to drag and drop any menu item and set it underneath your parent item. Shift it marginally for the proper, and it’ll wind up a sub-item.


Repeat the method for most of the links that you wish to reveal underneath the drop down menu.

As soon as you’re finished, do not neglect to store your setting so please click on save menu button.

Read Also: Read our detailed guide on SEMrush SEO Tools.

Step 3 # Publish Your Drop down Menu

If you’re editing a menu that has live onto your site, then it’s going to begin appearing on your site without delay. But if it’s a fresh menu item, you need to pick out a theme location to display that particular menu.

WordPress themes can reveal menus at several destinations. Each motif defines its particular menu location, and you may select that menu that you wish to display.

You’ll discover this method in the right column under Menu settings. Go for an choice alongside display spot placing and click the save menu .


Now you can go to your site to understand your drop down menu in actions.

preview dropdown menu

Recommendations About Generating Interactive Drop down Menus

Navigation menus are crucial as this could be the first place where the users will probably look if they love to see specific information.

Applying them correctly will help your end-users find their way around your site. It’s also going to assist you in gaining more page views, traffic, and earnings on your site.

Listed below are some ideas about making your navigation menus even additional interactive using drop down menus.

1 # Make Different Level Drop down Menu

Producing a link a sub-item of some other connection causes it appear in the Drop down menu. You may even insert a sub-item beneath another sub-item to generate multi-level drop down menus.

multi level submenu

Your theme could automatically reveal them being a sub-menu within the drop down.

multi level submenu

2 # You Can Also Make multiple drop down menus

You may make a drop down underneath any high link on your menu. You may add numerous drop down menus in your primary navigation menu.


3 # Create menus using a Live trailer

In case your menu becomes overly challenging, then you definitely may switch to the visual Previews. You have to go to the WordPress Admin dashboard and go to Appearance, select Customize to launch the live theme customizer.

From that point, go through the Menus tab, then select the navigation menu. You may see a drag and drop menu editor in the left column having a live preview of your site while in the right panel.

customizer menu

4 # Establishing a Big mega menu as Drop down in WordPress

The drop down menus reveal one drop down at one moment. Imagine if you like to demonstrate the complete arrangement of your website as a mega menu that appears when the user hovers the primary menu.

mega menu

Mega menus usually appear like a drop down menu; nevertheless, they can demonstrate many more links, sub-menus, and much more.

We hope this post helped you to know how  to create a drop down menu in WordPress.

Leave a comment