How to Add a Page to a Drop-Down Menu in WordPress

Your website navigation is the first test every visitor runs on your site. If they can’t find what they’re looking for in seconds, they leave — and they don’t come back. WordPress makes it surprisingly easy to build clean, organized drop-down menus, but most people still get it wrong.

In this guide, you’ll learn exactly how to add a page to a drop-down menu in WordPress — step by step, without touching a single line of code. Whether you’re organizing a service page, a blog category, or a landing page, the process is the same.

Here’s the stat that should make you take navigation seriously: research from the Baymard Institute shows that 38% of users abandon a website if the layout or navigation feels cluttered and hard to use. Your menu isn’t just a design choice — it’s a conversion decision.

Why WordPress Navigation Menus Matter More Than You Think

WordPress powers 43.4% of all websites on the internet as of 2024 — more than any other CMS on the planet. That scale means the platform has had years to refine how menus work. But the tool is only as good as how you use it.

Consider these numbers:

• 94% of first impressions are design-related — and navigation is a central part of that.
• Users spend an average of 5.94 seconds scanning a website’s main navigation before deciding what to do next.
• 61% of users will leave a site if they can’t find what they need within 5 seconds.
• Websites with clear, structured navigation see up to 50% lower bounce rates than those without.

A drop-down menu is one of the most effective ways to organize multiple pages without overwhelming your visitors. Done right, it reduces friction, improves discoverability, and keeps people moving through your site — which is exactly what you want.

What Is a Drop-Down Menu in WordPress?

A drop-down menu is a hierarchical navigation structure where hovering or clicking on a top-level menu item reveals a list of sub-items beneath it. In WordPress, this is called a sub-menu or nested menu item.

For example:

• Services → Web Design, SEO, Copywriting
• About → Team, Story, Careers
• Resources → Blog, Case Studies, Guides

This structure lets you keep your top navigation bar clean while still making every page accessible — which is critical when your site has more than 5 to 7 main pages.

What You Need Before You Start

Before you dive in, make sure you have:

• Admin access to your WordPress dashboard
• The pages already created that you want to add to the drop-down (you can’t add a page that doesn’t exist yet)
• A menu already created, or you’re ready to create one now

If you haven’t created your pages yet, go to Pages → Add New first, then come back to this guide.

How to Add a Page to a Drop-Down Menu in WordPress

Follow these steps in order. This works on any standard WordPress installation with any theme that supports custom menus.

Step 1 — Go to Appearance > Menus

Log into your WordPress dashboard. On the left sidebar, navigate to Appearance → Menus. This opens the Menu Editor — the central place where all your navigation is managed.

If you don’t see a Menus option under Appearance, your theme may use the Full Site Editor instead. Scroll down to the section “Adding Drop-Downs in the Block Editor” for those steps.

Step 2 — Create a New Menu or Select an Existing One

At the top of the Menus screen, you’ll see a dropdown that lets you select an existing menu or create a new one.

If you’re starting fresh:

1. Click “Create a new menu”
2. Give it a name (e.g., “Main Navigation”)
3. Click “Create Menu”

If your menu already exists, simply select it from the dropdown and click Select.

Step 3 — Add Pages to Your Menu

On the left side of the Menu Editor, you’ll see a panel called Add menu items. Under the Pages section:

1. Click “View All” to see every page on your site
2. Check the box next to the pages you want to add
3. Click “Add to Menu”

The selected pages will appear in the menu structure on the right side of the screen. By default, they’ll all appear as top-level items.

Step 4 — Create the Drop-Down by Nesting Menu Items

This is the key step. To make a page appear as a sub-item (i.e., inside the drop-down of another page), you need to drag and indent it.

Here’s how:

1. Find the page you want to move into a drop-down in the menu structure
2. Click and hold on the drag handle (the grid icon on the left of the item)
3. Drag it slightly to the right and beneath the parent item you want it to appear under
4. Release when you see the item indented under the parent

You’ll notice the indented item now shows as a “sub item” in the menu builder. You can have multiple sub-items under a single parent, and you can even create second-level drop-downs by nesting sub-items within sub-items — though most designers recommend keeping it to two levels maximum.

Step 5 — Assign the Menu to a Location

Creating a menu doesn’t automatically display it anywhere. You need to assign it to a menu location that your theme supports.

At the bottom of the Menu Editor, find Menu Settings and look for Display location. Common locations include:

• Primary Menu
• Header Navigation
• Footer Menu
• Mobile Navigation

Check the box next to Primary Menu (or whichever location fits your layout) and proceed to the final step.

Step 6 — Save the Menu

Click the Save Menu button on the right side of the screen. That’s it. Visit your website and hover over the parent menu item — your drop-down pages should now appear.

If you don’t see the drop-down immediately, try clearing your browser cache or any caching plugin you have active.

How to Add Drop-Down Menus Using the WordPress Block Editor (FSE)

If your theme uses the Full Site Editor (introduced in WordPress 5.9+), the process looks slightly different:

1. Go to Appearance → Editor
2. Click on the Header section of your template
3. Click on the Navigation block
4. Click the + icon inside the Navigation block to add a page, then use the Submenu block to nest items
5. Drag and drop items to reorder and create drop-down hierarchies
6. Click Save in the top right

The block editor offers more visual control but works on the same logic: parent items sit at the top level, and child items sit beneath them as sub-menus.

How to Add Drop-Down Menus in Elementor or Divi

If you’re using a page builder like Elementor Pro or Divi, drop-down menus are managed through their own nav menu widgets but still pull from WordPress’s built-in menu system.

• In Elementor Pro: Use the Nav Menu widget and select the menu you built in Appearance → Menus
• In Divi: Use the Menu Module in the header section and select your menu from the dropdown

The underlying structure — parents and sub-items — is set up in the same WordPress Menu Editor. The page builder just controls how it visually renders.

Common Mistakes to Avoid

Even a small misstep in your menu structure can frustrate users and hurt your site’s performance. Here are the issues that come up most often.

Too many top-level items

Cognitive load research shows users struggle to process more than 7 items in a single navigation bar. If you have 10 or more pages, use drop-downs to group them — don’t just keep adding to the top level.

Forgetting to save

It sounds obvious, but forgetting to hit Save Menu after making changes is one of the most common reasons drop-downs don’t show up correctly.

Not assigning the menu to a location

You can build the most perfect menu in the editor, but if it isn’t assigned to a display location, it will never appear on your site.

Over-nesting sub-menus

Going three or four levels deep creates menus that are nearly impossible to use on mobile. Two levels maximum is the industry standard for good reason — it’s what users expect and can navigate easily.

No mobile optimization

Over 58% of global web traffic comes from mobile devices. A drop-down menu that works beautifully on desktop can be a nightmare on a smartphone if your theme doesn’t handle responsive menus properly. Always test on mobile after making changes.

Tips to Optimize Your WordPress Navigation for Better Results

A functional menu is the baseline. A high-performing menu is what actually moves the needle for your business.

Use action-oriented labels

Instead of generic labels like “Services,” try “Get More Clients” or “Our Solutions.” Research shows that descriptive navigation labels increase click-through rates by up to 30% compared to generic ones.

Highlight your most important CTA

Use a button-style menu item (with a background color) to make your primary CTA — like a contact page or booking link — stand out from the rest of the navigation.

Keep drop-downs to 5–7 items maximum

Each drop-down should feel like a focused, curated list — not a sitemap dump. If a single parent item has more than 7 sub-items, split it into two separate parent categories.

Test page load speed after changes

Heavy navigation scripts can slow down your site, and a 1-second delay in page load time can reduce conversions by 7%. After any major navigation change, run a speed test with Google PageSpeed Insights or GTmetrix.

Use anchor links in menus for single-page layouts

If your site uses a one-page scroll layout, you can add anchor links (e.g., /#services) as custom links in your menu. This lets you use drop-downs to jump to specific sections of a page instead of navigating to new URLs.

How to Add a Custom Link to a Drop-Down Menu

Not every menu item needs to be an existing WordPress page. You can add any URL — internal or external — as a custom link:

1. In Appearance → Menus, click on “Custom Links” in the left panel
2. Enter the URL and the link text you want to display
3. Click “Add to Menu”
4. Drag the new item under a parent item to make it a sub-item in a drop-down
5. Click Save Menu

This is especially useful for linking to external tools, resources, or landing pages that aren’t standard WordPress pages.

How to Remove a Page from a Drop-Down Menu

Need to clean up an existing drop-down? Here’s how to remove a sub-item:

1. Go to Appearance → Menus
2. Find the sub-item you want to remove in the menu structure
3. Click the arrow on the right side of the item to expand its options
4. Click “Remove”
5. Click Save Menu

The page will still exist on your site — it just won’t appear in the navigation anymore.

Quick Troubleshooting Guide

Conclusion

Adding a page to a drop-down menu in WordPress is a five-minute task once you know where to look. The real work is in the strategy behind the structure — deciding which pages belong at the top level, which pages benefit from being grouped, and how to design navigation that actively guides visitors toward the outcomes you want.

Your menu is one of the highest-visibility elements on your website. Every visitor sees it. Investing a few minutes to get the structure right is one of the highest-ROI improvements you can make to any site.

And if building a website that converts visitors is only part of your growth challenge — if you also need a consistent, scalable way to get qualified leads into your pipeline — that’s exactly what we do at SalesSo. We design complete outbound systems across cold email, cold LinkedIn, and cold calling that deliver 15–25% response rates. Book a strategy meeting and let’s build the system together.