Create submenus on your website

The Menu block allows you to automatically create menus listing all your website pages. In this tutorial, you will discover how you can create a main menu and submenus, allowing you to add more content while keeping your site organized.

In this example, we take a 7 pages website:

1. Home
2. Create a website
   
   1. 2.a  Free website
      
   2. 2.b  Professional website
      
   3. 2.c  Online store
      
3. Gallery
4. Contact

The page "Create a website" has 3 subpages "Free website", "Profesional website" et "Online store".

The main menu, in order to keep it clear and simple, will only contain the 1, 2, 3 et 4 : "Home", "Create a website", "Gallery" and "Contact".
The "Create a website" page will contain a submenu which will allow visitors to go to the subpages : "Free website", "Profesional website" and "Online store".

Pages and main Menu

The first step is to create 7 pages.
Please note that Starter package website can only create 5 pages. Upgrade your website to be able to create up to 100 pages.

Then, rename and change the page hierarchy:

• Select the Menu by clicking on the small on its top left corner
  
• Click on the pencil in the small toolbar just above the Menu
  
1. Change the page order by dragging/dropping them thanks to the arrows
   
2. Change the hierarchy with the blue arrows
3. Check the boxes in the column "Page listed..." to select all the pages except "Free website", "Profesional website" and "Online store"
4. Select, in the column "Page listing this menu", "All the pages" to display the menu on all the pages
   

Main menu configuration

Submenu

• Then, go to the page "Free website"
• and create a second Menu:
  
1. Check the boxes "Free website", "Profesional website" and "Online store" in the "Pages listed" column
   
2. Select "Listed + parent" in the column "Page dislaying this menu"

Sub-menu configuration

The main menu now lists all your first level pages and a submenu shows your subpages. This menu is displayed on all the subpages and on the page "Create a website".