Slideshow on mobile venture theme shows extremely cropped pictures

[JonathanWolf]

On desktop, the pictures show up fine but on mobile, all of the pictures only show about half. I guess this could be fixed by changing to scaling instead of cropping.

I've tried to fix it on my but the coding I've done has only changed the desktop version, which already shows up fine.

Site is: bynti.com

Any help is appreciated!

Cheers

[Guleria]

1) Go to Online Store > Themes > Actions > Edit Code

2) Go to Assets > theme.scss.liquid  at the bottom paste this css

@media (max-width: 768px){ 
	.hero__image {
    		object-fit: fill !important;
	}
}

[JonathanWolf]

Thank you for the help, now the full picture shows up but it's very distorted like it's been shorted from the sides. 

Do you think you have any idea how to fix that?

[Guleria]

You can create alternate section for mobile slideshow and use images accordingly.

[JonathanWolf]

I'm not sure that's necessary. It shows up distorted both on mobile and on desktop. It's like it needs to take up less space vertically. 

Thank you for the help

[JonathanWolf]

Hey, 

This is still a problem. Now the image isn't cropped but it has the wrong aspect ratio so it shows up distorted both on mobile and desktop.

Does anybody know how to fix this?

[steffanm]

Hey, did you ever find a fix for this? 

[shop1fyissh1t]

Nope, doesn't fix issue for me either, shopify is a steaming pile of poop, such a basic thing to have a non-cropping proportional scaling option, all Shopifpoops competitors can manage it without the need to hire an expert. Leaving, going back to better platform, suggest you all do the same

[chinch2020]

has no one fixed this yet????

This is a really entry level problem that Shopify should be fixing on their end. This isn't a unique coding request and shouldn't be seen as something users have to write code for... this is the basic expectation of web to mobile devices... scaling an image OR having a clear option to add a mobile version image.

Please adjust this asap