To add navigation menus for use on your site, hover on Advanced Design in the Design Studio menu and then click on Site Navigation.
The Site Navigation area in the Advanced Design section is where you can build a new navigation menu, as well as edit or delete existing navigation menus.
To create a New Menu, click on the "Create a New Menu" button.
Then, configure the new menu by:
Now, begin building your menu by clicking on the Add button in the Menu section on the left.
For more detailed information about the options and features available in the Menu Properties box click here.
When you are finished editing this menu item, click on Save.
There is a note above the menu links in the Menu property box, "Click any item to edit Properties. Drag and drop any item to rearrange the order. .."
The Properties column is where we can edit the display name (the name of the menu item that will be displayed on your site), the type of item, and the details.
There are several different types of items. The types available in the dropdown are:
The Detail will be dependent on the type of item you select. For example, if you choose Product Collection, the detail will display a dropdown of all available product collections.
The Advanced options will display options for opening the menu item, as well as the ability to enter CSS class information. If you are not well versed in CSS, it is recommended that you do not enter information in the CSS class field.
The navigation found below the Advanced options area of the Properties box, is the dropdown menu associated with its parent link. For example, when I chose "More" from the Menu, on my live site when I hover over More I will see News & Videos. Click here to take a look.
If you would like to add a new link to this submenu, in the lower section of the Properties area, click on the Add button.
A second Properties window will be displayed with the "Navigation Item Options"
If you wanted to add another menu item below the new Navigation Item, you can use the Add button in the lower portion of the Properties window.
Below is an example of how a menu item with sub menus would appear in the Advanced Site Navigation area. In the example below, Stress Relievers is first, then Medical, then Doctors, Nurses, Health and Fitness.
Therefore, then the site navigation menu is:
Stress Releivers > Medical > Health and Fitness
To make a menu item inactive, just uncheck it.
There are two preview buttons; both will display a preview of your menu. If you are satisfied with your site navigation, go to the Advanced Design, Manage Pages section and add the Navigation module to a zone on your site. For more information on how to do this, please review the Design Studio – Advanced Design: Managing Pages Quick Step Guide.