@ Royal Society Chemistry

3. Manage the Site Navigation

Your site includes multiple menus, like the Primary Navigation on your homepage and the Footer Menu containing links to your Privacy Policy, Terms & Conditions etc.

You may want to add or remove pages from a menu. To do so, follow the steps below.

WordPress admin dropdown menu appearance section
  1. Navigate to the WordPress back-end Home
    (you can access this at any time by clicking the House Icon at the top of the WordPress toolbar).
  2. Hover over the Appearance (Paint brush icon) option on the left hand sidebar.
  3. From the dropdown menu that appears, click Menus. (As shown in the example image to the left side).
  1. Ensure you have the correct menu selected – select it from the drop down menu and click Select
    (As shown in the example image below)
Edit menu page with selection of menu to edit

3.2 Adding pages to a menu

  1. Locate the list of available pages from the left hand sidebar – there are three tabs called Most Recent, View All and Search (Search is a handy feature to save time when you have a lot of pages).
  2. Select the page or pages you want to add by clicking on the checkbox next to the page title.
  3. Click the Add to Menu button and you will see the page / pages populate in the visual menu builder to the right (Shown in the example image below).
  4. To save your changes, click the blue Save Menu button.
Navigation management screen

(The Edit Menu view with the page selection in the left hand sidebar and the visual builder on the right hand side)

Important Note:
Once you press save, this will publish the changes to the live site. Ensure you are happy with the layout before saving and publishing the changes on the site. See the section below for how to edit the menu order & nest pages.

3.3 Editing page order

It’s easy to drag and drop the pages into the order you want them to appear. Follow the steps below:

3.3.1 Reordering pages in the menu

The page at the top of the list will appear first in the menu. Simply drag pages up or down to reorder them from top to bottom (this will appear as left to right on Desktop for your Primary Navigation, and top to bottom when viewing the condensed mobile view).

3.3.2 Nesting pages in the menu

A nested page is one that appears under a “parent” page in the menu. This means that the user will hover over or click on the parent page and the nested page will show underneath. An example of this may be a parent page called “Events” and the nested page being individual locations for those events.

To nest pages, simply click on the page you want to nest, drag it under the parent page and before releasing it, drag your mouse to the right so that it nests like the example below:

Reordering pages in the menu

(Example image above highlighting nested pages in the visual Menu builder)

3.4 Managing menu locations

Control which menu shows in which area of the site with the Manage Locations tab, next to the Edit Menu tab (see example image below).

A series of drop down menus allows you to select the menu you want to show in the Primary Navigation, the Footer etc.

Primary & Footer Menu #1 are the main two menus on the site.

Manage the menu locations

  1. Reporting a bug or request support
  2. Accessing WordPress administration panel
  3. Managing the site navigation
  4. Managing your content
  5. Using the WordPress Editor
  6. Image Management
  7. Managing maps, visualisations, news and resources
  8. Managing forms and data
  9. What else can you do?