Home » WordPress Tutorials » Customization » How to Create a Drop-Down Menu in WordPress

How to Create a Drop-Down Menu in WordPress

Menus are an essential part of every WordPress website. They help visitors navigate through your content and easily browse different sections.

When building a new site, creating menus will be one of the main tasks you should deal with. This is why it is important to know more about them and know how and when to use the proper type of menu section.

In this article, you will read how to create drop-down menus – a handy design approach that will make your site more intuitive and helpful to your audience.


How to Create a Drop-Down Menu in WordPress

The process is very simple.

First, you should create a new menu, or edit an existing one. Then, you should organize it into a drop-down design.

To do so, first, via your WordPress admin panel go to Appearance->Menus:

WordPress Menu Page


This will lead you to the Menus page. From here you can manage all your website menus:

WordPress Menu Creation page


For this demonstration, we will turn an already existing menu into a drop-down version.

First, we selected which components we would want to include in our menu. Select these from the section on the left:

WordPress Menu Items


Once you’ve done so, have a look at all the menu components in the Menu Structure box. Notice how you can click and drag each section:

WordPress Drag and Drop Menu Component


First, align the components in the way you wish them to appear vertically. Then decide which component should be the main one and put it on top of all others. It will contain all the rest of the sections and display them on demand:

WordPress Menu Aligment


Now, click and drag all the boxes below the main one. Then, again by clicking and dragging move each section slightly to the right of the main one:

WordPress Drop Down Menu Structure


Then, from the Menu Settings section decide in which site section you wish to include the drop-down menu:

WordPress Menu Options Section


When you are ready with your preferred alignment, don’t forget to save the menu.

Now, enter your website and hover to see how the result has turned out to be.

WordPress Drop-Down Menu



Adding a drop-down menu to your pages can greatly enhance the UX and aesthetics across your pages. WordPress grants you with a simple creation process and numerous options for creativity and experiments across your site.


Was this article useful?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Newest Articles:

How to Fix Error 405 Method Not Allowed in WordPress (5 Quick Fixes)

Method not allowed is an error message that WordPress displays in a very specific situation – your web browser has requested access to one of your web pages, the server has received and recognized this request, but rejects it. In short, Error 405 message points to a...

How to Fix Error 401 Unauthorized in WordPress (7 Methods)

If you see the Error 401 Unauthorized message on your WordPress website, don’t panic. There are a few quick fixes that can get your pages up and running. When learning how to build a website, it is highly likely that you will stumble upon various error messages....

How to Fix HTTP Error 429 Too Many Requests in WordPress

You are seeing 429 Error Message Too Many Requests on your WordPress site? Although frustrating, you can resolve the issue in a matter of minutes. When it comes to response errors in WordPress, they can appear quite common among your pages. Therefore, when learning...

How to Fix Too Many Redirects Error in WordPress

There are times when your website works just fine and there are times when you stumble upon the error message Too Many Redirects. Although annoying, this issue can be quickly fixed with a few clicks here and there. In the following paragraphs, you will read how to do...

Ready to Create Your Website?