Learn how to make your demos look great on every screen size.
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.
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.
Show preview
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