How to Customize Your Menu

By default, Apex will display all of your Pages in alphabetical order in the primary menu. You can change this by creating your own menu in WordPress.

In this article

How to Create a Custom Menu

The first step to customizing your menu is to create a custom menu in WordPress.

  1. Visit the Menus page (Appearance → Menus)
  2. Enter a name for your new menu
  3. Click the Create Menu button
  4. On the left-side, locate the Pages box
  5. Check off any Pages you want to add to your menu
  6. Click the Add to Menu button to add them to your menu
  7. Click the blue Save Menu button to save your changes

You've now created your first menu! In the next section, we'll cover how to reorder the Pages in your menu.

Note: Your menu will not display on your site yet. In order to display it, you will need to assign it to a location. You can skip to the how to display your menu section of the tutorial if you'd like to do that now.

How to Reorder Your Menu Items

Now that you have created a menu with the Pages you want included, you can reorder those Pages.

  1. Visit the Menus page (Appearance → Menus)
  2. If your menu is not already selected, use the dropdown at the top to select the menu you want to edit
  3. In the Menu Structure section, locate a Page you want to reposition
  4. Click-and-hold on the Page you want to move, and drag it above or below another menu item to reposition
  5. When you're finished, click the Save Menu button to save your changes

Sometimes you may want to add a link to your menu that doesn't lead to a Page. For example, you may want to add a menu link to:

  • Your homepage
  • An external site
  • A blog post

To add a link to any of these in your menu, you can use the Custom Links option.

  1. Visit the Menus page (Appearance → Menus)
  2. If your menu is not already selected, use the dropdown at the top to select the menu you want to edit
  3. On the left-side, locate and click on the Custom Links section
  4. Enter the URL and link text of the page you want to link to
  5. Click the Add to Menu button to add the link
  6. Click the blue Save Menu button to save your changes

Your custom link has now been added to the menu.

Menus aren't just restricted to Pages. You can also add links to your Post categories to your menu.

  1. Visit the Menus page (Appearance → Menus)
  2. If your menu is not already selected, use the dropdown at the top to select the menu you want to edit
  3. On the left-side, locate and click on the Categories section
  4. Check off any Categories you want to add to your menu
  5. Click the Add to Menu button to add them
  6. Click the blue Save Menu button to save your changes

The Category links have now been added to the menu.

Dropdown menus are great for creating more robust, yet easy to use navigation. If you want to add a dropdown menu to your existing menu, follow these steps:

  1. Visit the Menus page (Appearance → Menus)
  2. If your menu is not already selected, use the dropdown at the top to select the menu you want to edit
  3. Add any pages you want included in the dropdown menu
  4. Click-and-drag a page you want in the dropdown menu after the parent menu item
  5. Click-and-drag that same page to the right until it indents
  6. Repeat this for any other pages you want in the dropdown menu
  7. Click the blue Save Menu button to save your changes

When dragging-and-dropping, you'll likely notice that you can create menus that are multiple tiers deep. Apex officially supports menus that are up to three tiers deep.

Note: if you create a menu that has four or more tiers, you may want to reconsider how you're structuring your menu. Even Amazon uses three at the most.

How to Rename Your Menu Items

Let's say you have a Page called "About Our Team". When added to your menu, the link text says "About Our Team", but you just want the link to say "About".

Here's how you can rename your menu items without changing your Page titles:

  1. Visit the Menus page (Appearance → Menus)
  2. If your menu is not already selected, use the dropdown at the top to select the menu you want to edit
  3. Locate the menu item you want to rename in the Menu Structure section
  4. Click on the arrow on the right-side of the menu item
  5. In the Navigation Label input, enter a new name for the menu item
  6. Repeat this for any other menu items you want to rename
  7. Click the blue Save Menu button to save your changes

The menu item's name has now been updated in the menu without changing the title displayed on its Page.

How to Display Your Menu on Your Site

Now that you've created and customized your menu, it's time to display it on your site.

To display your menu on your site, you need to assign it to a menu location.

  1. Visit the Menus page (Appearance → Menus)
  2. Click on the Manage Locations tab at the very top of the screen
  3. Pick a menu location where you want to assign the menu, and use the dropdown to select your menu
  4. Click the blue Save Changes button

Your menu will now appear on your site in the selected location.

Additional Resources

  • Apex WordPress Theme

    Download a copy of the latest version of Apex.

  • Support forum

    Ask questions and find existing solutions in the support forum.

  • Changelog

    Review recent and past updates to Apex.

  • Apex on Github

    Review Apex's commit history and project files on Github.

  • WordPress Resources

    Check our recommended resources to find great plugins and solutions for your site.

  • Codeable.io

    We can help you with minor changes on your site, but if you need a highly customized version of Apex, we recommend finding help through Codeable.