Skip to main content
Navattic provides four different responsive strategies that determine how your Navattic demo appears on viewports of different sizes. You can set a responsive strategy for the whole demo, and individual flows can override that setting with their own strategy. Demo-level strategy: Go to your demo’s Build tab and click Responsive in the top-right toolbar. Flow-level strategy: Open the flow in the builder, click the flow settings icon, and select a Responsive strategy. Choose Demo default to inherit the demo setting, or pick a specific strategy for that flow only.
This option will fit the width of the capture to the width of the visitor’s screen. This is a good option if you are embedding a demo in a smaller iFrame or expect it to be viewed on a variety of devices.
Tip: Resize your window to 1440 x 900px or smaller when taking Captures for a consistent experience with Scale Width.
Congratulations — you’ve learned how to make your demo Responsive to different screen sizes. Next, learn how to customize how your demo appears on mobile devices and smaller screens
mobile-swipe-demo

Demos on mobile

Configure how your demos appear on mobile devices and smaller screens.