Overview
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:
- Open your campaign in the Campaign Builder.
- 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.