[an error occurred while processing this directive]
[an error occurred while processing this directive]


Menu

Main Navigation 

Make a page called Main Nav, it has to be called that specifically since the code is looking for that page by name.

Put this in the page:

<ul id='mainnav'>
  <li><a>...</a></li>
  <li><a>...</a></li>
</ul>

Make sure to save the page with a Template Piece as the template. You can choose it on the right hand side under Page Attributes in the CMS.

In addition, for each of the menu items to be marked appropriately, you will also need to add an id to every one. The ids need to match the page slug exactly. You can find the page slug is the page URL. For instance, the slug for this page is “main-nav-instructions”.

Here is what the complete markup for the main menu would look like.

<ul id='mainnav'>
  <li><a id='style-guide' href='/helloworld/style-guide/'>Style Guide</a></li>
  <li><a id='slideshow' href='/helloworld/slideshow/'>Slideshow</a></li>
  <li><a id='forms' href='/helloworld/forms/'>Forms</a></li>
  <li><a id='menus' href='/helloworld/menus/'>Menus</a></li>
</ul>

Onto the Sub Nav Instructions