Why is part of my demo cut off?

If part of your demo is cut off, it’s often due to mismatched aspect ratio settings or how the Cover feature is applied. Follow these steps to adjust the display and minimize cropping:

1. Check Aspect Ratio: Ensure that your demo’s aspect ratio aligns with the dimensions of your images. The aspect ratio you choose for the demo will affect how each step or image is displayed—some images may be cropped to fit the selected aspect ratio.

2. Review Cover, Fit, and Fill Settings: Double-check whether images are set to "Cover", "Fit", or "Fill". Use "Cover" to fully cover the demo area, but may crop parts of the image, "Fit" to maintain the image’s original dimensions with padding if needed, and "Fill" to apply the default logic when capturing demos, filling out the demo area.

3. Adjust Step Settings: Review each step to confirm that the images are displaying as intended. When steps or images of varying dimensions are combined, they may need slight adjustments for consistency.

4. Fine-Tune Cropping with the Crop Tool: If an important part of an image is being cut off in "Cover" mode, use the Crop feature to control the crop area. Adjust the crop to keep the essential parts of the image in view, and check the "Lock Aspect Ratio" option to ensure it aligns with the demo’s aspect ratio.

---

Use the "Apply to All Steps" Flag: If you’ve made adjustments to one screen and want to apply them to all screens, enable the "Apply to All Steps" flag to ensure consistent settings throughout your demo.

Note: Cropping and aspect ratio adjustments are especially helpful when merging demos with images of different orientations, such as landscape and portrait. Selecting the best aspect ratio and using the crop tools effectively will help create a cohesive, visually appealing demo with minimal cropping.