Create a responsive site with Site Creator

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

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:
     

View the site on different devices

The sites created with Site Creator are automatically adapted browsers regardless of their support (computer, mobile device, tablet, large and small screen, etc.). But they can react differently according to certain parameters that you can adjust. To preview the version of the site based on the playback media, click the button …  blue located at the bottom of the left side menu, to develop publishing and preview options:

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

Show 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 wide screens type desktop:

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

Hide a block of content depending on the device type

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