This guide details the creation of navigation menus for your site built with Infomaniak Site Creator, as well as their composition, styles, and settings.

The different navigation menus

The different pages that make up your site can be accessed within one or more navigation menus:

1. log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Firefox
2. click on the ‍ icon at the top right of the interface (or navigate using the left sidebar menu, for example)
3. choose Hosting (under Web & Domain)
4. click on the name of the relevant object in the table that appears
5. click on Site Creator in the left sidebar menu
6. click on Customize my site

Once in Site Creator:

1. in the left sidebar menu, click the Settings button
2. by default, the list of your pages appears, organized into 2 main sections: MAIN MENU and LEGAL

But you can add more.

These menus with the pages they contain are then reused in different places on your site depending on the chosen theme.

You will often find the main menu placed at the top of the page: 

and the other menus will be automatically proposed in the footer:

Manage the menu

Once in Site Creator:

1. click on the Settings button in the left sidebar menu
2. hover over a menu title in the existing tree structure
3. click on the gear icon that appears on hover

You will be able to manage its presence in the sitemap or delete it (as well as all its pages). Also read this guide (click here) to not display a menu at all.
 

Create a sub-item in a menu

Once in Site Creator:

1. click on the Settings button in the left sidebar menu
2. the list of your pages appears

With the mouse, move a page slightly to the right under another page:

It will become a sub-page and your menu on the site can display the hierarchy thus created.
 

Non-clickable menu title

Choose if necessary to not make the very first item of such a menu clickable:

1. click on the Settings button in the left sidebar menu

2. click on General Settings to modify this setting under Sub-menu Options:

   

Menu item containing a link to another website

1. click on the Settings button in the left sidebar menu
2. the list of your pages appears

3. click on the Add a page button below the existing hierarchy:

   

4. choose a page name and Show more options

5. choose the URL redirection to specify the destination when clicked:

   

Add a new menu

Once in Site Creator:

1. click on the Settings button in the left sidebar menu
2. hover over a menu title in the existing hierarchy

3. click on the "+" icon that appears on hover:

   

Additional top menu

To display a "menu bar" at the very top of your page:

1. click on the Design button in the left sidebar menu
2. click on More settings

3. enable the Header Menu Bar:

   

Once activated, you can customize it using the Settings link in the same place.

Menu styles

Once in Site Creator: 

1. click on the Design button in the left sidebar menu

2. click on Menu Editor:

   

   ‍‍

You can decide the placement of your menus (on the left side of the page or placed at the top, fixed or mobile, "hamburger menu ☰" type on the right or normal, etc.).
 

Change the color of the "hamburger" menu (☰)

If it appears, for example, white on white on a mobile device:

1. click on Menu Title / logo (always under Design, then Menu Editor)

2. adjust the text color:

   

Adopt a new menu theme

Change the predefined style completely using the themes at the very top of the sub-menu:

1. click on Menu Templates (always under Design, then Menu Editor)

   

Fixed menu

Most of the proposed menus will move with the page content. The menu disappears if you scroll down the page:

You can define a menu that should always be fixed to the top edge (with different visual options):

To activate or deactivate the fixed menu:

1. click on Design

2. click on Menu Editor

   

3. click on Main Configuration
4. choose In the header  in the Menu Type box
5. the activate Fixed to top box appears lower down and you can activate it

6. click on Save

   

Some menu templates (like #3 and #16) directly apply optimal settings for a fixed menu:

Insert your menus into the body of the page

A module Sub-page Menu allows you to insert your menus and sub-menus anywhere on your page.

The sitemap module displays all menus and all your pages in a single block.

Define the page URL

By default, if your page name is "Contact", then the URL to reach it will be "www.domain.xyz/contact".

If later you change the page name to "Contact Us", then the URL will be "www.domain.xyz/contact-us".

To define the custom URL of the page you are on:

1. in the left sidebar menu click the Settings button

2. click on SEO & Metadata (under This sub-page's settings)

   

The first field at the top allows you to set the page address. Any space will be transformed into a hyphen and special characters, accents, symbols, etc. should be avoided.

If URL changes are saved during site creation while a menu already contains a link to the page in question, it will be dynamically adjusted.