Adding Links to Navigation Menu

There are two methods for adding a page to the horizontal (department) navigation menu.

I - First Method (preferred)

  1. After clicking on the New or Edit Draft tab, scroll down page to locate Menu, and select your department from the drop down list.[[{"fid":"33731","view_mode":"full_width","fields":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Selecting department.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""},"type":"media","field_deltas":{"1":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Selecting department.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""}},"link_text":null,"attributes":{"alt":"Selecting department.","height":391,"width":480,"class":"media-element file-full-width","data-delta":"1"}}]]
  2. Click Save (button) at bottom of page.
  3. On next page, select Publish from drop down menu, then click the Apply button.
  4. Mouse-over Structure (top admin menu in black bar), then Menu, and click on your department from the fly-out menu.[[{"fid":"33736","view_mode":"full_width","fields":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Clicking on your department.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""},"type":"media","field_deltas":{"2":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Clicking on your department.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""}},"link_text":null,"attributes":{"alt":"Clicking on your department.","height":480,"width":421,"class":"media-element file-full-width","data-delta":"2"}}]]
  5. Left click on cross, in front of your new page (i.e., new pages are usually added to the bottom of menu), drag and release page where you need to place it. Note: in order to create a sub-menu link, drag page to the right, under desired page title then release.[[{"fid":"33741","view_mode":"full_width","fields":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Creating a sub menu.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""},"type":"media","field_deltas":{"3":{"format":"full_width","field_file_image_alt_text[und][0][value]":"Creating a sub menu.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""}},"link_text":null,"attributes":{"alt":"Creating a sub menu.","height":428,"width":480,"class":"media-element file-full-width","data-delta":"3"}}]]
  6. Click Save (button) at bottom of menu page in order to save new menu order.

II - Second Method (i.e., use to link to document files as well)

  1. After logging in to Drupal, mouse-over Structure, then Menu, and right click on department and select open in new tab or window.  This tab will display your current department navigation menu.
  2. Return to first tab and locate the page you wish to add to menu (i.e., click on Workbench and click on page either under My Edits or All Recent Content - wherever it displays).
  3. Click on either the New or Edit Draft tab.
  4. In the Web address (i.e., URL) box at top of browser, highlight and copy the node/number portion.  Example: node/19048 (Note: make sure not to copy preceding or ending / (i.e., slash).
  5. Return to the second tab and click the “Add link” link at top of page.
  6. Enter title of page that you would like to display in the navigation menu. Note: if the page title has several words in it, its advisable to shorten menu title to one or two words (i.e., due to space constraints in menu).
  7. Paste the node/number into the Path box. Note: if linking to a document file, after copying URL, paste full path to it in this box (i.e., full path begins with http://). [[{"fid":"38916","view_mode":"full_width","fields":{"alt":"Filling out main link title and path boxes.","height":269,"width":480,"class":"media-element file-full","data-delta":"7","format":"full_width","field_file_image_alt_text[und][0][value]":"Filling out main link title and path boxes.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""},"link_text":null,"type":"media","field_deltas":{"7":{"alt":"Filling out main link title and path boxes.","height":269,"width":480,"class":"media-element file-full","data-delta":"7","format":"full_width","field_file_image_alt_text[und][0][value]":"Filling out main link title and path boxes.","field_file_image_title_text[und][0][value]":false,"field_caption[und][0][value]":""}},"attributes":{"alt":"Filling out main link title and path boxes.","height":269,"width":480,"class":"media-element file-full-width","data-delta":"7"}}]]
  8. If menu item will have a sub-menu, click box in front of “Show as expanded.”
  9. If page will be a sub-menu item, select heading page from the Parent link drop down menu.  Note: department menu is already selected for main navigation menu items.
  10. Click Save (button)

Note: sub-menu titles are always indented. Avoid a second layer or sub-sub-menu links.  instead consider added a side-bar to the sub-menu page instead (i.e., listing links).