I have a custom built site that only shows 1 column of products on mobile view but I need two. Anyone have a fix for this? Here's one of my collections for an example https://www.dollylana.com/collections/swaddle-blankets
Solved! Go to the solution
Hi @Dolly_Lana I think it has something to do with the grid system. You may have to change the product class name to "small--one-half", I have a video talking about how to change the layout of the collection, https://youtu.be/bfyzKnOK8NY The layout in the video may be different from yours but the idea is similar, it shouldn't be too hard to figure it out. Please let me know how it goes.
hi @Dolly_Lana, please let me know what theme you are using and I will give you a concrete solution.
@Dolly_Lana can you please let me know what theme you are using and I will give you exact instructions for your theme?
@Dolly_Lana yes, it can be different for different themes, for yours, you could look for that code inside collection-template.liquid, thanks
@PeanutButter I think my website designer used the basic canopy theme to build off of but I'm not entirely sure.
try to add/change to 'small--one-half' for all the cases when section.settings.grid equals 2, 3, 4 and 5
This is an accepted solution.
Hi @Dolly_Lana, yes, you are using Canopy.
As it is a paid theme, I cannot check out the code but I might still be able to guide you
Do you have a file like Snippets/product-grid-item.liquid or similar? If you have find a class named min-cols-1 and try and replace it with min-cols-2
I recommend that you make a copy of your theme and test the edits there first
@DeepCode have you checked @Dolly_Lana's site? It does not use the grid classes you are naming. Nothing like small--one-half in canopy theme I think
User | Count |
---|---|
552 | |
208 | |
125 | |
83 | |
44 |