The height of your slideshow automatically adjusts to fill the screen of the device being used to browse your store. This is based on the screen size of the device. As a result, some of the images/videos can often be partially cropped out. This is expected behavior for any website that uses a Hero image and is not unique to only Shopify.
Most Shopify themes use hero images and hero slideshows and so they would be subject to this automatic cropping. There are two main points to consider when uploading full-width-images as it is not something that can be adjusted or fixed without replacing the entire slideshow.
These two points are:
Newer themes have an additional setting called “Slide Height” or “Section Height”. With this new setting, you can select “Adapt to first image”. The "adapt to first image" feature adapts the slideshow height to the first slide, this should prevent cropping.
Mobile view when height is "Full screen"
Mobile view when height is "Adapt to first image"
For more information regarding this, please check out our help guide on best practices when uploading full-width-images here. We also have this fantastic blog post which details how to combat image cropping here. You can of course use one of our other free themes or third party themes that do not use hero images if you would rather not use full-width images on your store. Free themes that do not feature hero images include Simple, Supply, and Minimal. These can all be found in our theme store. You can also use an app for a custom slider to add a slideshow or banner that is not full width to your store.
Thanks for the tutorial! I see Shopify is coming up with solutions to common problems.