Brooklyn Theme - Change Mobile View of Product to 1:1 Aspect Ratio

Store Design
1

Hello, my URL is https://a-lineage-story.myshopify.com/. The password is beckew. As you can see on desktop, the image wraps perfectly on a 1:1 ratio. However, on mobile, it looks like this. I’d like to have it fit right to the image. Thank you in advance.

IMG_6894.jpg
IMG_6894.jpg1242×2688 216 KB

1 Like
2

@adthai

sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media screen and (max-width: 590px) {
.product--image, .product--wrapper {max-width: 100% !important;}
}
3

hello @adthai

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 690px) {
.template-collection .product--image, .template-collection .product--wrapper {max-width: 100% !important;}
}
1 Like