This guide details the behavior of Site Creator Infomaniak and the site created with it, facing different screen formats and resolutions.

Prerequisites

• Access Site Creator:
  1. Click here to access the management of your product on the Infomaniak Manager (need help?).
  2. Click directly on the name assigned to the relevant product.
  3. Click on Customize my site:
     

View the site on different devices

Sites created with Site Creator are automatically adapted to browsers regardless of their support (computer, mobile device, tablet, large and small screen, etc.). But they may react differently according to certain parameters that you can adjust. To preview the site version according to the reading support, click on the blue … button located at the very bottom of the left sidebar to expand the publishing and preview options:

Click on Preview then at the top of the page, click on the action menu to the right of Preview to change the reading device type.

Display your site in reduced width

You can reduce the width of your site. But this display within a "container" or "box" will only be visible on large screens like desktop computers:

1. Click on the Design button in the left sidebar.
2. Click on More settings:
   ‍
3. Save the changes at the bottom of the page.

Hide a content block based on the device type

In the options of a content block, you can set it to display only on certain types of devices (e.g., mobiles):