page.list-collections , Debutify 3.0.2

Solved
escobareto
Tourist
3 0 2

Hi. I´m having an issue with Debutify latest version, 3.0.2. All my pages under the template "page.list-collections" are now showing the collections in one big central column. I´m coming from Debutify 2.0.2 and everything is working fine there, and the collections show in 4 columns. 

When I updated from Deb2.0.2 to Deb3.0.2 I had to create again the "page.list-collections" template, and added the new code in it. It´s not a specific code for Debutify, but it´s the same I had working with Deb2.0.2.

Everything else is fine, it´s just all pages containing collections. Any help will be truly appreciated.

My url is: www.shapesofwisdom.com

And this is an example of what I mean

Many Thanks in advance

 

0 Likes
KetanKumar
Shopify Partner
20651 2142 7822

This is an accepted solution.

@escobareto 

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

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

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

#search-by-crop-circle .main-content {
    max-width: 1170px;
    margin: 0px auto;
    padding: 0px 20px;
    margin-top: 30px;
}
#search-by-crop-circle .main-content .grid-uniform {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
#search-by-crop-circle .main-content .grid-uniform .grid__item {
    max-width: 25%;
    flex: 0 0 25%;
}
@media only screen and (max-width: 1024.5px) {
#search-by-crop-circle .main-content .grid-uniform {
    margin-left: -15px;
}
#search-by-crop-circle .main-content .grid-uniform .grid__item {
 max-width: 50%;
    flex: 0 0 50%;
}
}

After Code View

KetanKumar_0-1623639366302.png

 

 

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
escobareto
Tourist
3 0 2

Wow, It worked perfectly!....for that page. Thank you!

Is there a way I can do the same change for all the pages with the same issue at the same time or should I copy that piece of code one time for each page, changing the page name where needed?

Many thanks

KetanKumar
Shopify Partner
20651 2142 7822

@escobareto 

Thanks for update 

yes, you are current just use same code just change page name id that's it

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
escobareto
Tourist
3 0 2

Many many thanks for your kind help.

KetanKumar
Shopify Partner
20651 2142 7822

@escobareto 

it's my pleasure to help us

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