Customize screen sizes for an experience

Who can use this feature?

  • Global admins and users with advanced permissions can view, edit, and/or publish experiences
  • Totango In-App is a premium feature—contact sales to learn more
  • Not currently available on EU servers

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