Need help to maximize image of the product width in the collection page mobile view. Please help.

Janamir
Explorer
133 0 46

Need help to maximize image of the product width in the collection page mobile view. Please help.

collection-img.JPG

site: https://polished-london.myshopify.com/collections/teeth-whitening

pass: home

dmwwebartisan
Shopify Partner
7454 1770 2372

@Janamir 

Please add the following code at the bottom of your assets/theme.scss.liquid file. 

 

.template-collection .gf_product-image{
width:100% !important;
}

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Pallavi
Shopify Expert
2239 370 486

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

img.gf_product-image.gf_featured-image {
width: 100% !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Natztech
Shopify Partner
1436 404 960

hello @Janamir 


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

.template-collection .gf_product-image{
width:100% !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes