Manage Site Creator navigation menus

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

Prerequisites

• Go to Site Creator:
  1. Click here in order to access the management of your product on the Manager Infomaniak (Need help?).
  2. Click directly on the nameallocated to the product concerned.
  3. Click on Customize my site:
     

The different navigation menus

The different pages that make up your site may be accessible within one or more menus navigational equipment:

1. Click on the button Adjustments in the left side menu.
2. By default the list of your pages appears, classified under 2 main headings: MAIN MENU and LEGAL.

But you can add more.

These menus with the pages they contain are then taken up in different places on your site according to the theme chosen in particular.

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

and other menus will be automatically offered in the footer:

 

Manage menu

You will be able to manage its presence in the Site map or delete it (he and all his pages):

1. Click on the button Adjustments in the left side menu.
2. Fly over a menu title in the existing tree.
3. Click on the toothed wheel icon that appears on the fly-over.

Be aware of this other guide for do not make a menu appear at all.
 

Create a sub-element in a menu

To this end:

1. Click on the button Adjustments in the left side menu.
   • The list of your pages appears.
2. With the mouse move a page slightly to the right under another page:
   
   
    
   • It will become a subpage and your menu on the site will be able to display the tree thus created.
      

Title of non-clickable menu

Choose if necessary do not make the very first element clickable of such a menu:

1. Click on the button Adjustments in the left side menu.
2. Click on General parameters in order to change this setting under Submenu options:
   

Menu item containing a link to another website

To this end:

1. Click on the button Adjustments in the left side menu.
   • The list of your pages appears.
2. Click on the button Add Page below the existing tree:
   
3. Choose a page name and Show more options.
4. Choose URL redirection to specify the destination when clicking:
   

Add New Menu

To this end:

1. Click on the button Adjustments in the left side menu.
2. Fly over a menu title in the existing tree.
3. Click on the "+" icon that appears on the fly-over:
   

Additional top menu

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

1. Click on the button Design in the left side menu.
2. Click on More Settings.
3. Enable Header menu bar:
   
   • Once enabled you can customize it with the link Adjustments In the same place.

Menu Styles

To manage the different menu styles:

1. Click on the button Design in the left side menu.

2. Click on Menu Editor:
   
   

   ‍‍

In particular, you can decide on the location of your menus (on the left of the page or placed at the top, fixed or mobile, type "menu hamburger " to the right or normal, etc.).
 

Change the color of the "burger" menu

If it appears e.g. 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 completely predefined style with the themes at the top of the submenu:

1. Click on Menu templates (always under Design, then Menu Editor):
   

Fixed menu

Most of the menus are going to move with the content of the page. The menu disappears If you go down to the page:

You can set a menu that will always be fixed on the upper edge (with different visual options):

To enable or disable the fixed menu:

1. Click on Design.
2. Click on Menu Editor:
   
3. Click on Main configuration.
4. Choose In the headerin the box Type of menu.
5. The toggle switch Fixed at the top displays below and you can activate it.
6. Click on Save:
   

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

Insert your menus in the body of the page

One module Subpage menu allows the insertion of your menus and submenus at any place on your page.

The module Site map displays all your menus and pages in one block.

Set 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 Contactez-nous then the URL will be www.domain.xyz/contactez-nous.

To set the custom URL of the page on which you are located:

1. Click on the button Adjustments in the left side menu.
2. Click on SEO & Metadata (under Parameters of this subpage):
   

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

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