Showcase Theme. How can I stop my images from cropping every time the screen changes size

Store Design
, , ,
1

On my gallery I have a number of different images, but I want them to be fix size rather than cropping when the screen changes size - is this possible.

Image 1. Shows images the correct size

Image 2. Screen changes size so the images are now cropped

1 - correct view
1 - correct view1784×1368 347 KB

1- cropped
1- cropped2940×1286 489 KB

2

Hi @marycrichton123 ,

Could you share your store url? I will help to check it for you.

3

https://mimistudio.co.uk/pages/set-design-and-film/set-design-and-film-9ypagwgk

THANKYOU

4

Hi,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/styles.css
  3. Add code below to end of file
#section-id-template--17010114232486__gallery_67MbJh  .gallery__image{
  position: static!important;
}
#section-id-template--17010114232486__gallery_67MbJh  .gallery__image picture {
  display: block!important;
}
#section-id-template--17010114232486__gallery_67MbJh .gallery__item {
  height: auto!important;
}