Slideshow on Mobile Version of certain phones is cutting off the image

[lucychen404]

Hello,

I edited the retina theme to allow me to have images specifically for mobile. There is an issue where on specific phones (google pixel) on chrome and on tablets (apple) the image is getting cropped or resizing weirdly. Here are some examples.

(Below: Pixel)

(Below: What it's supposed to look like)

 

Below: On the tablet (It's trying to show the web version of the banner)

Where in the code do I need to go to make sure these get resized properly?

 

[Zworthkey]

@lucychen404 

Welcome to Shopify Community.

Sorry for, you are facing issues,

Let me know, 
Which theme are you using?

Your Slider is not responsive for all devices.

For that, you have to hire a developer or Change the theme.

Thank you,

[lucychen404]

I'm using the Retina theme.

[Zworthkey]

@lucychen404 
Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

[lucychen404]

peachade.myshopify.com

Additionally, this is specifically on android. This does not happen on iphones.