How to change image sizing for the my product in Brooklyn theme?

Highlighted
New Member
1 0 1

I am facing a problem changing the size of the image for product.

https://parentingrelations.com/products/smart-parenting-guide

I would like to change the image size of my product for mobile.

Please help me with this

1 Like
Highlighted
Shopify Partner
5976 881 2016

@Afif1 

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 590px) {
.product-single__media-wrapper {
    margin: 40px auto 0px;
    width: 150px;
}
}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Shopify Partner
1589 347 465

Hey @Afif1 

add code assets/theme.scss.liquid or  assets/timber.scss.liquid  bottom of the file.

@media screen and (max-width: 754px){
.product-single__media-wrapper {max-width: 200px !important;max-height: 200px !important;}
}

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes