Two columns at the product category page on mobile

[GaiaTreasures]

Hi,

I've been trying to create  two columns at the product category page on mobile phones. Can you please help?

Here is the category page; https://gaiatreasures.de/collections/bracelets

Thank you!

[GaiaTreasures]

Here is the current situation;

[tim · Accepted solution]

You have an extra element after each product card:

They are highlighted in beige on the left and have class AirReviews--Widget on the right. And they are empty.

I think your theme should have a kind of "product-grid-item" or card-product snippet -- that's where you should look to remove this element.

[GaiaTreasures]

Amazing! I deleted this line and it solved the problem;

<div class="AirReviews-Widget AirReviews-Widget--Stars" data-review-avg="{{ product.metafields.air_reviews_product.review_avg }}" data-review-count="{{ product.metafields.air_reviews_product.review_count }}"></div>