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

adthai
Pathfinder
98 0 32

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

Replies 2 (2)

KetanKumar
Shopify Partner
36839 3635 11972

@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;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Kinjaldavra
Shopify Partner
2302 570 1422

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;}
}