FROM CACHE - en_header

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

lucychen404
Tourist
3 0 2

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)

275684634_1039341970325033_1392182190377502437_n (1).png

 

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

275727760_392039932303999_41928382248522753_n.jpg

 

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

275236934_495970555310055_8026684519419213327_n (1).jpg

 

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

Replies 4 (4)
Zworthkey
Shopify Partner
5581 642 1512

@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
Tourist
3 0 2

I'm using the Retina theme.

Zworthkey
Shopify Partner
5581 642 1512

@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
Tourist
3 0 2

peachade.myshopify.com

 

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