Slide images cropping on different sized screens. Anyway to maintain aspect ratio and not crop?

Slide images cropping on different sized screens. Anyway to maintain aspect ratio and not crop?

CozyCovenShop
Excursionist
18 0 3

https://monayaapparel.com/

 

pw: sksk

 

Is there any way to make the images not get cropped on mobile/different sized screens but also not stretch out?

 

Slide 2 is very apparent and I'm not sure how to stop it.

 

Thank you.

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
8435 1660 1675

Hi @CozyCovenShop 

You can try to add this code to theme.liquid file after <head> in Online Store > Themes > Edit code to check 

<style>
@media (max-width: 749px) {
.slideshow__media img {
object-fit: contain !important;
}
#Slide-template--22616930189630__slideshow_WiHX6g-2 .slideshow__media {
height: 18rem !important;
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.