Creating the main menu

Now we will add a dynamic menu to the master page.

  1. In the Pages application, select the root document (My website).

  2. Open the Design tab.

  3. Add the Drop-down menu web part to the zoneMenu zone.

  4. Set the following properties of the web part (in the Design section):






    Allows you to add prefixes before the names of the CSS classes applied to the menu. The ;sub value uses unmodified class names for the main (first) menu level and the sub prefix for the second level and all other sub-levels.



    Arranges the menu items horizontally.

  5. Click OK.

The web part appears in the zone on the Design tab.

Adding the Drop-down menu web part

The menu will display the child pages after you create them under the website root.