How to Create a Dropdown Menu in WordPress Beginners Guide

Do you want to make a dropdown menu and add it to your WordPress website? A dropdown menu shows a list of links as you take your mouse over them on the menu. We use a dropdown on our own site and in this guide, we will show you how to easily create a dropdown menu un WordPress with step by step instructions.

Use Promo Code WPBVIP

--Related Videos--

Timestamps
0:00 Intro
1:08 How to create a menu for dropdown
1:53 How to create pages to add to the menu
3:03 How to add categories to your menu
3:14 How to add submenu items to your main menu
4:02 How to add your menu to your menu location
5:50 How to create a menu using the customizer

We'll start by going under Appearance, Menus and create a new menu or edit the menu where we would like to add the dropdown. We will add the pages and posts that we want to include in the menu to organize. The selected content will be in your menu area and you will have the ability to modify the order here.

To add the dropdown you would want to drag the menu item to the right and drop it. WordPress should move it to the right and name it a sub-item. This will place it beneath the content as a dropdown option that you can save to keep it there. Now you can use the checkboxes below the menu or go into Appearance, Customize and choose your theme-specific location to add the menu.

If you would like to create a mega-menu on your site for more control you would want to take a look at our guide here:

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.

Feel free to take a look at the written version of this tutorial here:

Check us out on Facebook

Follow us on Twitter

Check out our website for more WordPress Tutorials
#WordPress #WordPressTutorial #WPBeginner

[waynemartin]

Thanks so much for this article. As a novice I was having a lot of trouble trying to create dropdown menus and thought it was some kind of dark art involving a complicated plugin or CSS editing. I feel a bit silly given how easy it is the way you explained it, but very grateful, .

[Rismids]

Thanks! I wasn’t sure how to create a dropdown menu. So many other channels over complicated it! Appreciate it!

[shrutidugar]

Thank you so much for explaining. I was loosing track on the manage location part. The web really has everything! Thank you once again. God bless you. :)

[Rismids]

For those trying to make the category not-clickable, here’s how you do it.
Instead using a category, use a custom link. Go to Appereance>Menus>Custom Link
Name the Custom Link, and make the URL #
Once added to desired location, click on the custom link dropdown and delete the # from the URL

[artbyvru]

Thank you so much for this! I was struggling so much after reading so many articles. You explained it so easily 😊

[brodyhall]

Legend! This was a great tutorial, thanks for sharing your knowledge.

[malikm]

Thanks for sharing this. But I didnt really get what exactly happened at 1:46.

am assuming, you have a website and a primary menu with existing pages.

So to demo how to create a drop down menu, did you create a NEW website with NEW Pages ? you kinda fast forwarded it quickly and that seems to be the most critical step in creating a drop down menu.

[eneple]

Love this. Thank you very much. This gave me exactly the info I needed

[lukagba]

thanks for explaining, you tutorial is the one that help me

[Deeishere]

Thank you! You explained this so well!

[serpentinefireball]

Amazing! Well explained and exactly what i needed to create submenus. Thank you very much

[beingperfect]

thank you very much miss it is very helpful.

[girlball]

Super helpful! I had watched a couple of videos from others that weren't as clear. You got straight to the point! Thanks!

[BucketListTravellers]

Thanks for this information. My dropdown menu is transparent and I'm having trouble figuring out how to change the colours for just the drop down bit of the menu. Can you point me in the right direction?

[CasinooMoney]

how to not expand the menu dropdown and show the content in other page your help is much needed

[UmarMyname]

Hi came through this channel good explanations, i want to know that how to create a blank menu "team profile" and sub menus under it?

[astrogoddess]

This was great! Do you have a video instructing how to create same dropdown for a side widget?

[ampzamp]

nice work, good girl, thank you, you probably saved me 4-5 hours

[kleanthispalaiologos]

Hello, in your example when hovering over the "Markup" page tab the drop down list appears, but the "Markup" page tab can still be clicked. Is there away for that page tab to not be clickable and be there just to serve as the way to reveal the drop down list?? TYIA!

[soulissolution]

hey WPBeginer. How to make a dropdown menu but the main menu is not clickable?