Carnegie Mellon University

CMU Web

A service provided by the University CMS Team

Arrange Navigation

Navigation is a site-wide element that appears on every page; learn more about the navigation elements. While navigation is automatically generated as you build your site, configuration options are available to arrange your navigation and create external links.

Method 1: Drag and Drop

Changing the order of items in the navigation can be accomplished with a simple drag and drop maneuver.

  1. Select the parent folder in the asset tree of the items you wish to rearrange; this is often the site's base folder (i.e, the top-most folder containing your site name)
  2. In the workspace, click on the column heading Order so that the items are in ascending chronological order
  3. Drag and drop the items into the desired order; the item in the first position will be first in the navigation
Reordering folders in the CMS user interface

Your cursor will change to a four-headed arrow when dragging and dropping items into place.

Method 2: Move Tools

Assets can be moved up or down using tools provided.

  1. Follow steps 1 & 2 for the Drag & Drop method
  2. Select a single asset's checkbox in the workspace
  3. Use the tools that appear near the top to move the asset
    1. From left to right:

      1. Move to top
      2. Move up one position
      3. Move down one position
      4. Move to bottom

Additional steps are provided below for specific areas of navigation.

The icons for moving an item in the navigation.

After selecting an asset's checkbox in the workspace, tools become available to move the asset into a new position. Notes: The tools are available only after the assets have been chronologically ordered; the tools are not available if more than one asset's checkbox is selected.

Top Navigation

Top Navigation is the horizontal menu that is visible on every page. While editing a folder, the setting for Navigation Area must be set to Primary for it to appear in the Top Navigation. Follow the steps below to rearrange the items.

  1. Select your site's base folder (i.e, the top-most folder containing your site name) in the asset tree
  2. Use one of the methods above to rearrange the items into positions 1-10

Side Navigation

Side Navigation is the slide-out menu that contains Primary (upper) and Secondary (lower) areas. Follow the steps below to move items into a specific area.

  1. Primary - Items in the Top Navigation are also placed in the Primary area; additional items (beyond the Top Navigation's 10 item limit) can also be added
  2. Secondary - Items can be manually placed in the Secondary area by editing the folder and for the setting Navigation Area select Secondary
    1. Use one of the methods above to rearrange the items into position
Example of an external link in the navigation of the NREC site.

The NREC site contains an external link in the navigation for Robotics Academy; external links are denoted by a square icon.

External link icon

Just a friendly reminder...

Each time you modify the navigation, you will need to perform a full-site publish.

Tips

Is the item set to be included in the navigation?

  • Folder - Edit the folder and ensure Include in Navigation is set to Yes
  • Page - Edit the page and ensure Hide from Navigation is set to No

Does the folder have an index page?

Index pages are required for a folder to be included in the navigation. The main page within a folder should always contain the system/page name of index (all lowercase)

Is indexing turned on?

Indexing is another method of including items in the navigation and is enabled by default but may have been disabled.

  • Folder - Edit the folder and click on the Properties tab; ensure Include when indexing is enabled
  • Page - Edit the page and click on the Configure tab; ensure Include when indexing is enabled
Check the settings mentioned above to ensure navigation is fully enabled; if so, edit the folder and ensure that the Navigation Area is set to Primary.

To be part of the Secondary (lower) area of the Side Navigation, pages must be contained within a folder. Follow these steps:

  1. Create a new folder and for Navigation Area select Secondary
  2. Move the page into the folder, rename system/page name to index (all lowercase)
  3. Rearrange the navigation using the drag and drop method
For pages, edit the page and change the setting Hide from Navigation to Yes.

For folders, edit the folder and change the setting Include in Navigation to No.

Turning off breadcrumbs is possible but only recommended only for stand-alone pages (i.e., a page that does not need to be accessible through the site's navigation, such as a landing page for an email blast). Turning off breadcrumbs will also disable a page from appearing in the navigation.

  1. Edit the page and click on the Configure tab
  2. Disable Include when indexing
If you are seeing discrepancies in the navigation of your live site, perform a full-site publish, then refresh the pages in your browser when the publish is complete. Since the navigation is a site-wide element, any changes made to it will require every page to be republished.
Yes, it will accommodate the entire page Title; if you prefer to display a shortened version of the page Title in the navigation, specify this in the page's Display Name under its Metadata tab.

The Side Navigation appears when you visit a section of a website that contains subpages within it, and they are visible in navigation. For example, a Resources section that contains multiple subpages within it for different audiences, such as Faculty, Staff and Students. Whether you are on the index page of the section, or on one of its subpages, the Side Navigation will appear.

The display of the Side Navigation is automatic and cannot be turned on or off on a page-by-page basis. However, website visitors can always open or close the Side Navigation manually using the Hamburger Menu to open it, or the X to close it.

The Side Navigation is always closed by default on the home page of a site.

Follow the instructions for fixing the 'file not found' error when using the navigation.