Why is my homepage slideshow image cropping on mobile?

Store Design
1

Hello. I have an issue with my homepage slideshow image on mobile, although I have used the recommended dimensions, it is cropping the top and bottom of the image. Can anyone advise how to fix this please? My website is www.biglittlebedrooms.co.uk

Thank you.

1 Like
2

Screenshot (21).png
Screenshot (21).png197Ă—327 56.7 KB

you mean this, you wan to fix it height.

3

Yes that is correct. It should look like this.

BEDROOM DECOR FOR LITTLE PEOPLE WITH BIG DREAMS (3).png
BEDROOM DECOR FOR LITTLE PEOPLE WITH BIG DREAMS (3).png750Ă—1100 587 KB

1 Like
4

@BLBedrooms Add this code at the bottom of theme.css

@media only screen and (min-width: 600px) {
.slideshow--small {
    height: 495px !important;
}
}
5

Like this? It has not worked unfortunately.

.value-picker–small .icon–nav-triangle-borderless {
right: 11px;
}

/* Auto variation */
.value-picker–auto {
min-width: 0;
}

@media only screen and (min-width: 600px) {
.slideshow–small {
height: 495px !important;
}
}

6

@BLBedrooms The current height is 350px. So you have to increase it to 550 something from CSS. The CSS class name is “.slideshow–small”

7 
.slideshow--small {
    height: 503px !important;
}

Try this code , and remove previous code.

8

The height is 750

9

@Zworthkey

That didn’t work either. Does it take some time to update?

10

@BLBedrooms

Will you provide me collaboration access so that i can help you.

11

@Zworthkey

Yes, here is your collaborator code 6150

1 Like
12

I have sent the invitation.