This guide details the behavior of Site Creator by Infomaniak and the site created with it, in response to various screen formats and resolutions.

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the relevant Site Creator.
  • Click the button Edit my site to start the editor:
    

View the site on different devices

The sites created with Site Creator are automatically adapted to browsers regardless of their support (computer, mobile device, tablet, large and small screen, etc.). However, they may react differently depending on certain parameters that you can adjust.

To preview the site version based on the reading support:

1. Click the button ••• located at the very bottom of the left sidebar to expand the publishing and preview options:
   
2. Click on Preview:
   
3. At the top of the page, click on the action menu ⋮ to the right of Preview to change the type of reading device.
4. Click on the different device icons to simulate the different reading formats (mobile, vertical, horizontal...):
   

Display your site in reduced width

You can reduce the width of your site within a "container" or "box". This special display will only be visible on large screens such as desktop computers:

1. Click the Design button in the left sidebar.
2. Click on More parameters.
3. Activate the toggle switch for the Container display:
   
4. Save the changes at the bottom of the page.

Hide a content block based on the type of device

In the options of a content block, by disabling the default visibility, you will then be able to define below to display it only on certain types of devices (mobiles for example):