Add Top Navigation


To add top navigation to a page, locate the banner div:

Add the following HTML snippet immediately after the closing div tag of the Banner div:

When you have completed the previous step, your HTML code should look like the following:

Additional Notes

When adding a top navigation section without a side navigation section, the "single" class must be added to the "topNav" div. This class adjusts the margin of the navigation section to remove the 164 pixel margin that is needed for the side navigation section to fit. To customize your navigation menu, complete the following steps:

  1. Add additional list item (li) elements for each navigation option you'd like to expose.
  2. Replace the "#" for each menu items href attribute with the URL to the appropriate web page.
  3. Replace the placeholder "Option 1" and "Option 2" text with verbiage appropriate for your menu.
  4. Apply a class of "current" to the appropriate menu option for your current page. This changes the visual appearance of that menu link to differentiate it from links to non-current pages.