Grid Setting

Solved
Akhil3
Tourist
21 0 3

Could anyone please help me with this. So when i click on the collection button (on mobile version) my products are shown as image number 1, however i want them to look like image number 2, could you please help me with that ?

 

1122

dmwwebartisan
Shopify Partner
5841 1337 1714

@Akhil3 

Please share your webshop URL & Password.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Akhil3
Tourist
21 0 3

Shared on email. thanks

0 Likes
g33kgirl
Shopify Partner
223 59 71

Add this to the end of your CSS file (themes.scss.css

.product--wrapper {
    max-width: 100% !important;
}

.product--image {
    max-width: 100% !important;
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
Akhil3
Tourist
21 0 3

IT IS done thank you so much.

0 Likes
dmwwebartisan
Shopify Partner
5841 1337 1714

This is an accepted solution.

@Akhil3 

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

.product--wrapper {
    max-width: 100% !important;
}

.product--image {
    max-width: 100% !important;
}

 Hope this works. Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
g33kgirl
Shopify Partner
223 59 71

This is an accepted solution.

@Akhil3  Glad it helped. Please mark my answer as accepted.

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.