Creating a Dropdown Menu

Hey there! Today’s post is a little tutorial on creating a drop down menu, something that declutters your menu and helps you categorise everything under a common title. I recently had the opportunity to help a fellow blogger friend and it took me hours to explain it properly. However she was gracious enough to bear with it. But we got it done in the end!

Here is a tutorial with visual aid because what better way than to show the steps? Let’s get on with it!

Head over to your dashboard and click on Customise. It appears in the popup for Appearances in the updated version.

Then click on Menus.

I have a sample dropdown menu created solely for this demo but you can head directly over to your primary menu i.e the one currently in use.

Click on Add Items and you can add posts, categories, pages etc. to your menu. These will show up on your site.

When you add items, they’ll appear as a sort of block. So, to create the indentations or sub-items you see above, hover your cursor above the title you want to switch to a sub item and you should see the symbol shown below appear. Now drag your block slightly to the right (you’ll see a dotted box showing up) and drop it.

Click on Save Changes and you should be able to see the new menu on your site.

Click on Save Changes and you’re done!

This was a basic tutorial where I kept the options to a minimum. The menu shown below is from my personal site. Here there are 6 title texts with two of them, Introduction and Blog Series leading to a drop down.

Thank you so much for reading! Hope you found this useful!

Let me know how it turns out. Don’t forget to mention any doubts you may have in the comments!

D is a teen blogger @ Random Specific Thoughts who loves reading, drawing and anything Science. She adores poetry and enjoys writing essays and creative non-fiction as well!

24 comments

  1. Ooh this is a great tutorial, D!! 😀 ❤ You did a great job explaining everything!
    Menus are one of the most confusing things about the dashboard, because at first glance it looks complicated. Once you know how to do it, however, you realize how simple it is! haha

    Liked by 2 people

  2. Okay, so I clicked on this post and I was like, cool. I’m going to learn how to do something I don’t know how to do.
    And apparently I’ve done this before? But I do it differently than you.
    So, basically I thought I didn’t know how to do this, but I actually do.
    Great tutorial nontheless.

    Liked by 1 person

    • It’s been moved apparently. To edit your menu, go to Appearance > Menus. This will take you to the Customiser. Click on Menus and you should see your Primary Menu. Click on that and add whatever pages/categories/posts you want.
      Once you have all your required items in order, follow the drag and drop method mentioned in this post to convert the selected items into sub-items. Click on Save Changes and you’re done!

      Liked by 1 person

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s