Forums/Website builder (English)/Pages, Folders & Navigation

How to create a sub-navigation menu

Nelly
posted this on December 23, 2011 03:08 PM

If you have a lot pages on your site, it may be useful to add sub navigation. Sub navigation is available whenever you create a folder to contain a group of pages.

?name=media_1380292790336.png

Follow the steps in this tutorial to create a sub navigation menu like the one shown here.

STEP 1: Create a folder

?name=media_1380292825151.png

Click ADD (1) and select CREATE FOLDER (2)

?name=media_1380292873411.png

1. Select Top Level
2. Give the folder a name so you can easily identify the pages it contains. This name does not appear in the navigation menu.
3. Tick this box if you want the folder to contain an index page.
4. Click CREATE FOLDER

?name=media_1380293046556.png

The page listing should look like this after you have added the folder.

STEP 2: Add pages

?name=media_1380293135310.png

Click on ADD (1) and select CREATE PAGE (2)

?name=media_1380293183307.png

You can add as many pages as you want inside this folder. In this example, I am going to create a site for selling cakes.

1. I have named each page to describe the kind of cakes on the page
2. I have ticked the 'show in navigation menu' check box so this page will be included in the menu
3. In the Create page in folder drop down menu, I will choose the folder I created named "My products".
4. Click Create page

?name=media_1380293360430.png

After you finish creating all the pages you'll need, it will look something like this

STEP 3: Using the navigation widget

?name=media_1380293417436.png

Go to the Products page in the root menu

?name=media_1380293476562.png

Drag and drop a Navigation Menu widget on that page wherever you like. By default this menu will show the same pages that you have in the root menu.

Double click on the widget , or click on the configuration icon shown in the picture above so the Options panel displays.

?name=media_1380293522013.png

Set the configuration for you sub-navigation menu. Don't forget to select My products from the drop down menu so this navigation menu applies to this specific folder.

Note: If you used the Styles tab to set the root menu looks, this same style will apply to every navigation menu you add to your site.