Skip to main content
Navattic provides four different responsive strategies that determine how your Navattic demo appears on viewports of different sizes. Visit your Demo > Build > Responsive to adjust.
  • Scale width
  • Responsive
  • Scale width+height
  • Fixed
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.’
⌘I