Products list problem

Solved
Patrik337
Tourist
8 0 4

I have a problem with my page I open it and for second is good and then it switch like this 

Screenshot_2021-06-25-11-15-13-041_com.android.chrome.jpg

Screenshot_2021-06-25-12-48-48-915_com.android.chrome.jpg

dmwwebartisan
Shopify Partner
7283 1720 2289

@Patrik337 

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

 

@media only screen and (max-width: 768px){
.collection .container .thumbnail.even, .container .thumbnail.odd{width: 40% !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 →
KetanKumar
Shopify Partner
20318 2103 7613

@Patrik337 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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
KetanKumar
Shopify Partner
20318 2103 7613

@Patrik337 

sorry for that issue please try this code

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

 

.product-list.collection-matrix {
    display: flex;
    flex-wrap: wrap;
}
.product-list.collection-matrix .thumbnail {
    margin: 0;
}
@media only screen and (max-width: 768px) {
.product-list.collection-matrix .thumbnail {
    width: 42% !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
Patrik337
Tourist
8 0 4

It didn't help

dmwwebartisan
Shopify Partner
7283 1720 2289

@Patrik337 

Please add the following code at the bottom of your assets/styles.scss.liquid file and Remove previous css code .

@media only screen and (max-width: 768px){
.collection .container .thumbnail.even, .container .thumbnail.odd{width: 40% !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 →
KetanKumar
Shopify Partner
20318 2103 7613

@Patrik337 

i have update code please its work both desktop and mobile also

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
Patrik337
Tourist
8 0 4

Now it work but without text 

Screenshot_2021-06-25-14-51-28-354_com.android.chrome.jpg

Screenshot_2021-06-25-12-48-48-915_com.android.chrome.jpg

Screenshot_2021-06-25-11-15-13-041_com.android.chrome.jpg

  

dmwwebartisan
Shopify Partner
7283 1720 2289

@Patrik337 

Please add the following code at the bottom of your assets/styles.scss.liquid file and Remove previous css code .

.collection .product-info__caption.hidden {
    display: block !important;
}

 

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