Slideshow on mobile venture theme shows extremely cropped pictures

Highlighted
Excursionist
17 0 1

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

0 Likes
Highlighted
Shopify Partner
889 184 209

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;
	}
}



Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Excursionist
17 0 1

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?

0 Likes
Highlighted
Shopify Partner
889 184 209

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

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Excursionist
17 0 1

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

0 Likes
Highlighted
Excursionist
17 0 1

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?

0 Likes
Highlighted
Excursionist
28 0 3

Hey, did you ever find a fix for this? 

0 Likes