Adding 2 Columns on Collections for Mobile View (Effortless Theme)

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?

@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!

Here you go:

https://carnivalcandiesicecream.com/collections/mexican-candy

https://carnivalcandiesicecream.com/collections/mexican-candy

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?