9. Setting Your Main Menu

In carrying on with the theme of Site Navigation/User Flow, RED has simplified the process of setting your visitor’s visual navigation through the Menus tab.  Menus are important to user flow as they provide pathways for the visitor to find the information they are looking for.  By setting the Main Menu, you will create an easy and organized way for visitors to navigate your site.

examples of main menu and eyebrow locations on a RED site

In the Menus section of the RED CMS, you can edit what pages will appear within the top header section (either the “Main Menu” pages or the “Eyebrow” links) as well as what appears in your footer (this only applies to sites with “Mega Footers”).

By editing the “Main Menu” you will create positions for the Landing pages within the header, as well as drop downs for the 1st level of sub-pages that the visitor can access by hovering over the particular Landing page listing.

See the image above for the Main Menu and Eyebrow locations.

How to Set the Main Menu

menu listing in RED CMS dashboard

Within the Main Menu, you can select which area you want to edit. The Main Menu and Eyebrow are associated with the top header of the site. Also under the Menu Settings: Quick Links 1,2,3 and Button apply to the Mega Footer listings (from left to right).

When setting the Main Menu, please realize that only the first level of sub-pages (the pages beneath the parent Landing  pages) will be revealed to visitors by hovering over the buttons on the live site. RED does not allow for sub-sub-pages to appear in the drop-downs to visitors.

Do NOT stop adding to the main menu with each new page you create, even if it is a sub-sub-page.  The Main Menu is what also sets the side navigation within the site, so with the creation of each sub-page (and sub-sub-page thereafter), please continue to place each page within the Main Menu.

To add existing pages or custom links to your eyebrow menu (as external links should not be placed in the Main Menu), please follow these four easy steps:

Step 1: Choose the proper menu you want to edit (or create a new menu – for each of the Mega Footer positions) and click select.  If you select “Eyebrow Menu,” or create any of the Mega Footer link locations, feel free to incorporate custom (external) links.  DO NOT USE EXTERNAL (CUSTOM) LINKS IN THE MAIN MENU.

Step 2: Underneath the Pages area (or Custom Links area for footers and eyebrows) select the check-boxes next to the existing pages displayed and then click on “Add to Menu.”  A placard should now appear for each new page (or custom link) you’ve added at the bottom of the “Menu Structure” area.

Step 3: Inside the “Menu Structure” area, drag and drop the particular page/custom link into the desired position according to site hierarchy (keeping in mind that by indenting a page placard here, it will set that page as a sub-page to the one above it that is “less” indented).

Step 4:  Click on “Save Menu.”  We know that sounds simple, but if you forget to do this, all of your work/changes will be lost.

procedure for setting menus

If your site employs a Mega Footer, you will need to “create a new menu” for the footer (a new menu for each of the quick links and button menus that are housed in the Mega Footer). By creating a menu for each of the different columns within the Mega Footer you will be able to create and determine where the links appear in the Mega Footer.  Otherwise, if you assign the quick links or button menu to your Main Menu, then it will simply be regurgitating what is already displayed in your header – this would not be practical to visitors.

Next Step: How to Edit Your Homepage