page.list-collections , Debutify 3.0.2

[escobareto]

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

[KetanKumar · 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

[escobareto]

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]

@escobareto 

Thanks for update 

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

[escobareto]

Many many thanks for your kind help.

[KetanKumar]

@escobareto 

it's my pleasure to help us

[escobareto]

Hi, you helped me a lot with this issue some time ago, and I´m having a similar problem. I did what you told me and added that piece of code for each page I want to hold collections in it and everything works fine, but I have added a language to my store (spanish), and when I change to spanish all the pages show the collections in one single row again.

My theme is Debutify, which is great, but I can´t update it if I don´t find the way to fix this. I´ve been looking for a solution quite a while and I see many people is having the same problem and there´s not a clear and easy solution. Some people fixes it like this, others like that, but nothing seems to work for everyone.

Thank you very much in advance

[KetanKumar]

@escobareto 

oh sorry for again some issue 

can you please share issue image so i will check and guide you

[escobareto]

Hi KetanKumar, thanks for your quick answer. I´m sending you an image showing the issue in 4 different pages, but it is the same in all the pages that contain collections under the template page.list-collections.

Thank you in advance

[KetanKumar]

@escobareto 

can you please sent spanis store url 

[escobareto]

Sure. "https://shapesofwisdom.com/es"

[KetanKumar]

@escobareto 

yes please try this code

#camisetas-manga-corta .main-content .grid-uniform .grid__item {
  max-width: 50%;
  flex: 0 0 50%; }

[escobareto]

Sorry where do I have to put it?

[escobareto]

I added it at the end of theme scss  and it has moved the collections to the left but they still show in rows of 1

 

[escobareto]

Ok, I found a way. It was not that complicated after all, but I needed your little piece of code to get me on the right track. I´m just copying all the code sections that I have already for the english version to show well, and changing the name of the collection for that one in spanish. So far so good!

[KetanKumar]

@escobareto 

thanks for its any issue now?

[escobareto]

Hi. I haven´t had time to add all the pages I have yet, but I think I will make it work.

Thank you very much for your help again!

[KetanKumar]

@escobareto 

oh great thanks for update also its my pleasure to help us