Slideshow on mobile venture theme shows extremely cropped pictures

JonathanWolf
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
Guleria
Shopify Partner
1254 263 344

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.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate Click here (Its my paypal)
JonathanWolf
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
Guleria
Shopify Partner
1254 263 344

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

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate Click here (Its my paypal)
JonathanWolf
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
JonathanWolf
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
steffanm
Excursionist
34 0 5

Hey, did you ever find a fix for this? 

0 Likes
shop1fyissh1t
New Member
1 0 0

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

0 Likes
chinch2020
New Member
1 0 0

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

0 Likes