Create submenus on your website

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

In this example, we take a 7 page 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" et "Contact".
The "Create a website" page will contain a submenu which will allow visitors to go to the subpages : "Free website", "Profesional website" et "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 block 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 execpt "Free website", "Profesional website" et "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

Le menu principal affiche alors seulement les pages 1, 2, 3 et 4 (cf. image ci-dessous).

Sub-menu

• Then, go to the page "Free website"
• and add a second Menu block :
  
1. Check the boxes "Free website", "Profesional website" et "Online store" in the "Page listée" column
   
2. Select "Pages listed + parent page" in the column "Page showing this menu"

Sub-menu configuration

The main menu thus 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".