Pictures not showing on desktop for products with more than 1 image

Store Design
1

When I publish products with more than 1 image, you cannot see the images unless you click on the blank empty white space where the picture should be, then the product blows up and you can see it. Otherwise you cannot see any pictures when you click on a product with more than 1 image.

Screenshot shopify.png
Screenshot shopify.png1646×773 87.4 KB

2

@DutchGurl

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.liquid and paste this at the bottom of the file:
@media screen and (min-width: 1024px) {
.product-gallery--slider .flickity-viewport, .product-gallery--slider .flickity-slider {
    width: 100%;
    transform: unset !important;
}
}

Thanks!