Customize screen sizes for an experience

Who can use this feature?

While designing an experience you can optionally split the experience into different screen size variants in order to target users visiting from any range of device sizes. This makes it possible to design completely different experiences for users on mobile devices, tablets, laptops, large monitors, and anything in-between.

Adjust screen size

By default, new experiences that are created will be available to users on all screen sizes. We recommend using the three default ranges (mobile, tablet, desktop) for most use cases.

However, you can define your different screen size ranges if your website has specific breakpoints where menus and other elements change significantly.

  1. From the bottom of the Build section of your experience, click Customize Sizes.
  2. Do one of the following:
    • Review or edit the default screen sizes, and click to use default sizes (recommended).
    • -OR- Move the slider tick marks to adjust your size ranges, click on a tick to enter a specific pixel value, or add additional ranges by clicking "Add size range".

  3. If you've made changes, click Save Changes.

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request