Shopify themes, liquid, logos, and UX
So for my product grid on my desktop gives me an option to expand my columns to 4 but on mobile view there is no option and it shows only one column. How can I fix it?
Solved! Go to the solution
This is an accepted solution.
Here's how you can fix this:
1) Go to your code files, and go to Assets->template-collection.css.
2) Go to line 737, and look for "#main-collection-products .collection-product-item". You can also search for that by clicking (Command + F)
3) Look for "max-width: 100%;" and replace that with "max-width: 50%;". Save this.
Let me know if this works.
@CarnivalIce Please provide store url?
Can you share the link to your website please? This would make it a little bit easier for me to see what the problem is and guide you in the right direction. Thank you!
This is an accepted solution.
Here's how you can fix this:
1) Go to your code files, and go to Assets->template-collection.css.
2) Go to line 737, and look for "#main-collection-products .collection-product-item". You can also search for that by clicking (Command + F)
3) Look for "max-width: 100%;" and replace that with "max-width: 50%;". Save this.
Let me know if this works.
Did not work unfortunately
Were you able to find the template-collection.css code file?
Yes, it does not create two columns. Just shows one column.
Would you want me to set this up for you?
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024