How to add a sub-menu

A sub-menu appears as a drop-down in your navigation bar, nested under a parent menu item. This is useful when you have a large number of pages that would make your top-level navigation unwieldy - for example:

Creating a sub-menu

1. Launch the Site Builder tool from your cPanel.

2. Click on your website menu, then click Edit Menu in the panel that appears below it.

   

3. If you have not yet created the page you want as a sub-menu item, click New Menu Item. You can clone content from another page or copy selected sections.

   

   If you have already created your pages, they will appear in the list of menu items:

   

4. To nest a page as a sub-menu item, drag and drop it on top of the parent menu item. In the example below, the Project A, B and C items are dragged onto the Projects item. Each item becomes indented, indicating it is now a child of that parent.

   

5. Click Apply.

   The nested items are removed from the top level of navigation:

   

6. The drop-down does not activate inside the editor. To check how it looks, click Preview.

   

   The drop-down menu should now appear in preview mode:

   

Adjusting sub-menu styling

If the styling does not look right, your menu may not yet be configured with sub-menu styles. To fix this:

1. Close the preview and click on your menu again.

2. In the right-hand panel, find the menu styling options and select the Submenu tab.

   

3. If there is no background colour set, click the Edit icon next to Background and choose your preferred colour.

   

4. Preview the site again to confirm the change. In the example below, a white background has been applied to the sub-menu.