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?