How to Add Submenu in WordPress?

When it comes to running a successful WordPress website, having an intuitive and organized navigation menu is crucial.

It helps visitors find what they’re looking for quickly and enhances their overall user experience. One effective way to achieve this is by adding submenus to your WordPress site.

Submenus allow you to create a hierarchical structure within your navigation, making it easier for users to access important pages and content.

In this blog post, we will guide you through the step-by-step process of adding submenus to your WordPress website.

By the end of this tutorial, you’ll have a well-organized navigation system that will delight your visitors.

Let’s start!

What are Submenus in WordPress Website?

Before we dive into the technical aspects, let’s take a moment to understand what submenus are and why they are beneficial. Submenus are additional navigation levels that appear beneath the main menu items.

They create a hierarchy within your navigation, grouping related pages together.

By using submenus, you can declutter your main menu and make it more user-friendly, especially if you have a lot of content to showcase.

Step-by-Step Guide to Creating Submenu in WordPress

In WordPress, adding a submenu to your website’s navigation menu can be achieved using custom menus and the built-in menu management system.

Submenus help you to create a hierarchical structure in your WordPress website navigation, which is useful for organizing and categorizing your content.

Here’s a step-by-step guide on how to add a submenu in WordPress:

1. Open Menus in the Dashboard

To get started, log in to your WordPress dashboard. Once you’re in, navigate to the “Appearance” menu and click on the “Menus” option. This is where the magic happens.

2. Create a Custom Menu

First, we need to create a custom menu to have full control over our navigation. Click on the “Create a new menu” link and give your menu a name.

For example, you can name it “Main Menu” or “Primary Menu.” Click the “Create Menu” button to proceed.

3. Add Menu Items

Now that we have a custom menu, it’s time to populate it with the necessary items. On the left side of the “Menus” page, you’ll see a list of available pages, posts, custom links, and other content types.

Check the items you want to include in your main menu, and then click the “Add to Menu” button. These items will appear as individual menu items in your custom menu.

4. Arrange Menu Items

A well-organized menu is crucial for a seamless user experience. To arrange your menu items, simply drag and drop them into the desired order. You can move items up and down, or even create a drop-down effect by arranging items horizontally.

5. Create Submenu Items

Now comes the exciting part – creating submenus! To create a submenu, drag a menu item slightly to the right underneath another item.

This action indicates that the dragged item is a child item or submenu item of the one above it. For instance, if you want to add a “Services” submenu under the “About Us” page, simply drag “Services” to the right under “About Us.”

6. Customize Submenus

To make your submenus visually distinct from the main menu, consider customizing their appearance. You can adjust the styling, colors, and fonts to suit your website’s theme and branding. This will enhance the overall aesthetics and improve user experience.

7. Assign the Menu to a Location

Let’s assign the custom menu to a specific location on your website. Scroll up to the “Menu Settings” section at the top of the “Menus” page.

Choose the location where you want your menu to appear (e.g., “Primary Menu,” “Secondary Menu,” etc.), and then click the “Save Changes” button.

8. Save and Preview the Menu

Once you’ve organized your menu and created submenus, click the “Save Menu” button to save your changes.

Don’t forget to preview your website to see the new submenu in action. This step is essential to ensure that everything looks and functions as intended.


Congratulations! You’ve successfully added submenus to your WordPress website. By implementing this hierarchical navigation structure, you’ve made it easier for your visitors to explore and access your content.

Remember that a well-organized navigation menu can significantly improve user engagement and satisfaction. Experiment with different menu structures to optimize your site’s user experience and provide a seamless journey for your visitors.