Appearance

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.

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:

  • Page – Adds a link to another page on your site.
  • Link – Adds a custom URL linking to another site.
  • Category – Shows a feed of blog posts from a given category.
  • Tag – Shows a feed of blog posts from a given tag.
  • Post – links directly to a blog post on your site.

To add one of these menu items:

  • Click on the + Add Items button.menu04
  • Choose a menu item type from the list. For example: Pages.menu05
  • 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 must first create and publish it.

  • Before you can use your new menu, you’ll need to select a Menu Location. In this example, you would check the Primary Menu box.menu08

↑ Table of Contents ↑

3. Organize your menu

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.

4. Organize your menu

  • 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.

menu09


Next page: Custom Menus in WP Admin

Pages: 1 2 View All

Not quite what you're looking for?

Get Help