Skip to main content

Preview Width

All plans Last reviewed

The Ruler at the top of the Campaign Builder lets you preview how your campaign will look at different widths, simulating various device screen sizes.

Getting there

To use the Ruler:

The Campaign Builder toolbar with the preview width Ruler outlined in green, marked with the breakpoints 707, 480 and 320 pixels.

  1. Open your campaign in the Campaign Builder.

  2. Click inside the Ruler at the top of the Builder to adjust the preview width.

Responsive campaigns

ShortStack campaigns are responsive by default, meaning the content automatically adjusts to fit the viewer's device. However, certain custom settings or styling changes can impact responsiveness.

Tip: Test your campaign at all widths before going live to ensure a user-friendly experience.

Preset widths

Clicking inside the Ruler displays the campaign at the following preset widths:

  • 320 pixels: Smartphone (vertical orientation).

  • 480 pixels: Smartphone (horizontal orientation).

  • 768 pixels: Tablet width.

  • 1024 pixels: Default width.

Key notes

Adjusting the Ruler only changes the preview width in the Campaign Builder.

To change the actual width of your campaign, use the Maximum Content Width setting. This can be found under the Page section in the General tab of the Style Panel.

How to Test Your Campaign (Video)

Using the Campaign Builder (Help Doc)

Was this helpful?