1000 FAQs, 500 tutorials and explanatory videos. Here, there are only solutions!
Managing Site Creator Navigation Menus
This guide details creating navigation menus for your site made with Infomaniak's Site Creator, as well as their composition, styles, and settings.
Various Navigation Menus
The different pages that make up your site can be accessible within one or more navigation menus:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Firefox
- Click on the icon at the top right of the interface (or navigate through the left sidebar menu)
- Select Hosting (under the Web & Domain universe)
- Click on the name of the relevant item in the displayed table
- Click on Site Creator in the left sidebar menu
- Click on Customize my site
Once in Site Creator:
- In the left sidebar menu, click on the Settings button
- By default, the list of your pages appears, classified into 2 main sections: MAIN MENU and LEGAL
But you can add more.
These menus with the pages they contain are then included in different parts of 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 automatically be offered in the footer:
Managing the Menu
Once in Site Creator:
- Click on the Settings button in the left sidebar menu
- Hover over a menu title in the existing tree structure
- Click on the gear icon that appears when hovering
You can manage its presence in the site map or delete it (along with all its pages). Also, read this guide (click here) to not display any menu at all.
Creating a Sub-Item in a Menu
Once in Site Creator:
- Click on the Settings button in the left sidebar menu
- 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 tree structure thus created.
Non-Clickable Menu Title
Choose if necessary to make the very first item in such a menu not clickable:
- Click on the Settings button in the left sidebar menu
- Click on General Settings to modify this setting under Sub-menu Options:
Menu Item Containing a Link to Another Website
- Click on the Settings button in the left sidebar menu
- The list of your pages appears
- Click on the Add a Page button below the existing tree structure:
- Choose a page name and Show more options
- Choose URL redirection to specify the destination when clicked:
Add a New Menu
Once in Site Creator:
- Click on the Settings button in the left sidebar menu
- Hover over a menu title in the existing tree structure
- Click on the "+" icon that appears when hovering:
Additional Top Menu
To display a "menu bar" at the very top of your page:
- Click on the Design button in the left sidebar menu
- Click on More Settings
- Activate the Header Menu Bar:
Menu Styles
Once in Site Creator:
- Click on the Design button in the left sidebar menu
- Click on Menu Editor:
You can decide on 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 smartphone:
- Click on Menu Title / Logo (still under Design, then Menu Editor)
- Adjust the text color:
Adopt a New Menu Theme
Completely change the predefined style using the themes at the top of the submenu:
- Click on Menu Templates (still under Design, then Menu Editor)
Fixed Menu
Most menus offered will move with the content of the page. The menu disappears if you scroll down the page:
You can define a menu that should always be fixed at the top edge (with various visual options):
To enable or disable the fixed menu:
- Click on Design
- Click on Menu Editor
- Click on Main Configuration
- Choose In Header in the Menu Type box
- The Fixed at the Top checkbox appears below, and you can enable it
- Click on Save
Some menu templates (like #3 and #16) directly apply optimal settings for a fixed menu:
Insert Your Menus into the Page Body
A Sub-page Menu module allows you to insert your menus and sub-menus anywhere on your page.
The site map module displays all menus and all your pages in a single block.
Set the Page URL
By default, if the name of your page 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 set the custom URL of the page you are on:
- In the left sidebar menu, click on the Settings button
- 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 turned into a hyphen, and special characters, accents, symbols, etc. are to 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.