Navattic provides multiple options for viewing demos on devices smaller than 800px wide - this includes most smart phones and smaller tablets. Test these options on a variety of devices to find the optimal viewing experience (a 

Access Mobile Strategies by visiting your Demo > Build > Mobile. 

The Mobile swipe demo is used to engage your mobile visitors with a short and visual experience they can 

 through. To create a mobile swipe experience visit your demo > Build > Mobile > Mobile swipe demo > Edit Mobile Swipe Demo. 

 allows you to reuse Captures and copy from your existing demo. 

All Mobile swipe demos start with a Welcome and Farewell step. Click +Add to add steps in between. Each step contains an image, title, and description. 

2. Upload an Image or existing Capture to the 

If you are uploading your own image, use dimensions similar to height: 

, allowing the image to cover a larger portion of the screen. Accepted file types include 

4. Keep the text minimal and clear and focus on short, impactful sentences. The 

, but keep it to a minimum since it’s often skimmed.

of your Mobile swipe demo to match your brand. To do this, visit the 

 for your Mobile Swipe Demo will automatically guide visitors through the demo by advancing to the next step after 4 seconds. 

to allow visitors to celebrate once they complete their final step!

Crop the Captures or upload a new Image to ensure the images are colorful and eye-catching. 

to ensure Visitors can easily access it throughout the mobile swipe demo.

Make sure to view these examples in a window below 800px wide to activate the Mobile swipe view or use a mobile simulator like 

The Mobile alert is a good option if you prefer not to present your demo to mobile viewers or do not expect heavy mobile traffic to your demo. 

You can either use the default mobile alert or create your own. The Mobile alert includes a title and description which can be edited in Build > Mobile > Mobile alert > Edit > 

If you'd prefer to upload a custom image, select 

You can then upload an image from your local storage.

 enabled, the Capture will appear on top of any dialog that is present on this step, while maintaining the proportions of your original app. We recommend taking Captures on a smaller window if you plan to use Mobile scaled view to ensure that elements remain legible on smaller devices. 

To use the Mobile scaled view, visit your demo > Build > Mobile > Mobile scaled view.

 in a window below 800px wide or use a mobile simulator like 

Responsive

Mobile

Captures are interactive copies of your application that set the foundation for your demo. Navattic supports two types of Captures to help you demo any app: Media captures and Web captures.

Capture

Your Navattic workspace serves as a hub for organizing various elements including Product Demos, Analytics, Visitors, and more. Each workspace is assigned a distinctive URL following the format app.navattic.com/acme. 

Workspace

Themes

Navattic Docs

Install the Chrome Extension

Build your Demo

Concepts

Best Practices

Help and Tutorials

Welcome to Navattic