Custom Menus

Custom Menus are a list of common links that are usually displayed as the main navigation for your site. The menu location can vary depending on your theme, and some themes offer additional menus such as social links menus.

Watch the video below for a quick overview or read below for more detail.

Customized main navigation menu in the Twenty Thirteen theme

To add your first custom menu, follow these steps:

1. Create a Custom Menu

  • In the Customizer, click the Menus tab.

  • If your theme already has a default/primary menu, you can click on it to begin editing.
  • If your theme doesn’t have a default/primary menu, click + Add a Menu instead.

  • Type in a name for your menu, then click Create Menu.

↑ Table of Contents ↑

2. Add menu items

In addition to pages you have already published, you can add several different types of menu items to your custom menu:

  • Custom Link – Adds a custom URL linking to another site.
  • Pages – Adds a link to another page on your site.
  • Posts – links directly to a blog post on your site.
  • Testimonials – links to testimonials
  • Projects – links to a page of your portfolio projects.
  • Categories – Shows a feed of blog posts from a given category.
  • Tags – Shows a feed of blog posts from a given tag.
  • Project Types – links to specific portfolio project types.
  • Project Tags – links to specific portfolio project tags.

To add one of these menu items:

  • Click on the + Add Items button.
  • Choose a menu item type from the list. For example: Pages.
  • Select one of the options displayed for that type. For example, click + Home to add a link to your home page to the menu.menu06
  • You can also add additional items. In this case you could click + About to add a link to your About page to the menu.

Note: If you wish to add a brand new page to your menu, you can add its title in the field for Add New Page. A blank page will be added to your site and automatically added to your menu.

  • If you want this menu to display on your site, select a Display Location. For the main navigation, the correct setting depends on your theme. Often it is listed as Primary, Header, or Top. If your theme offers a Social Links Menu, it will automatically convert menu items to corresponding icons for popular social media sites.You can read how to set that up here.
  • Image of display location setting

↑ Table of Contents ↑

3. Organize your menu and add sub-menus / drop-down menus

To re-order the items on your menu, move a menu item by clicking the Reorder link:

  • Click up/down arrows to move a menu item up or down the list.
  • Click the left/right arrows to add or remove an item from a sub-menu / drop-down menu.

You can also use the drag-and-drop feature.

  • Click on a menu item, then drag and drop it directly beneath the main menu item you want it to be found under.

  • To create a sub-menu / drop-down menu item drag and drop it again, this time to the right, so it indents beneath the main menu item.

↑ Table of Contents ↑

4. Delete menu items

You can remove menu items by clicking on them in the settings on the left. When you do, they will expand and reveal a Remove button. Click that to remove the menu item.

Image of remove button

↑ Table of Contents ↑

5. Editing the menu item text

You can change the name of the menu item as it appears on your site by editing the navigation label. To do so, click on the item in the settings on the left side of the Customizer. It will expand and show a field for Navigation Label.

Here, enter the text as you want this menu item to appear on your site.

Image of navigation label setting

↑ Table of Contents ↑

6. Save your changes

  • Once you have organized your menu, be sure to click the Save & Publish button to save your custom menu.

↑ Table of Contents ↑

Frequently Asked Questions

Q. The type of menu item I want is unsupported, what should I do?

If you get a warning saying that your item type is unsupported, or you can’t see your desired type in the types list, you can still edit these types at WP Admin → Menus. Currently, some Post formats are not supported in the new menu page but are still supported in WP Admin.

Q. It’s showing a Menu but when I go on my site the menu is not there, how do I fix it?

If your theme isn’t showing your default menu, try making any change to the menu and re-save — this should force the theme to use that menu.

Q. Where is the feature X that was there before?

If you want advanced features, such as adding menu item descriptions, CSS classes, changing a link’s target or title attributes — please use WP Admin → Menus.

Q. How do I create an un-clickable parent tab for my sub-menu

To create a menu item that is not clickable but will contain sub-menu items, add a Custom Link menu item and add the # symbol in  the URL field.


Next page: Custom Menus in WP Admin

Pages: 1 2 View All

Not quite what you're looking for?

Get Help