Header Navigation-Templates and CMS - Carnegie Mellon University

Header Navigation

Header navigation is less prominent than the left navigation, and is typically used as an alternate method of providing links to pages, external websites, or email addresses. It is also referred to as top navigation. If used, header navigation will appear on every page of your website.

Header Navigation

Unlike the left navigation, the header navigation is not automatically generated when you create pages and folders. Header navigation must be manually configured.

Before proceeding, be sure that the items to be placed in the header navigation have already been created. Set the left navigation behavior for these items to hidden unless selected. See Create a Folder

  1. Select _internal > site-config > site-config.
  2. Click Edit.
  3. Locate the Top Navigation section.
    header Navigation
  4. Edit as follows:
    • Label - Type the text you wish to become the navigation link. Labels should be kept short and concise.
    • Mouseover Text (optional) - If you'd like to include a description of the link, insert mouseover text. This text will appear when a visitor mouses over the link.
    • Link (CMS) - If the link resides in your site (internal) click the browse icon to select the item. OR...
    • Link (external) - If the link is external insert the full URL including http://; you may also enter an email address by inserting mailto:your-email@andrew.cmu.edu.
    • Add (green plus sign) - Adds another link to the header navigation.
    • Delete (red minus sign) - Deletes the link.
    • Up/Down (blue arrows) - Rearranges the order of the links.
    • Placement (1/2) - Signifies that the current link is displayed as the first out of two links.
  5. Click Submit.
Note: The site-config page does not need to be published, however you will need to do a site-wide publish to make sure every page gets updated on the live site. Site-wide publishes should be done outside of regular business hours (before 9am and after 5pm).