This guide details how Infomaniak's Site Creator and the website created with it behave with different screen formats and resolutions.

Prerequisites

• Accessing 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 Site Creator in question.
  • Click on the Edit my site button to start the editor:
    

Viewing the site on different devices

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

To preview the website version based on the viewing device:

1. Click on the ••• button at the very bottom of the left-hand side menu 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 viewing device.
4. Click on the different device icons to simulate the different display formats (mobile, vertical, horizontal, etc.):
   

Display your site in a 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 on the Design button in the left-hand menu.
2. Click on More settings.
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 device type

In the options of a content block, by deactivating the default visibility, you can then define below that it should only be displayed on certain types of devices (e.g., mobile devices):