Solved

Two columns at the product category page on mobile

GaiaTreasures
Shopify Partner
3 0 0

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!

Accepted Solution (1)
tim
Shopify Expert
3274 235 1183

This is an accepted solution.

You have an extra element after each product card:

Screenshot 2024-03-17 at 3.28.36 pm.png

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.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.

View solution in original post

Replies 3 (3)

GaiaTreasures
Shopify Partner
3 0 0

Here is the current situation;

IMG_7547.jpg

tim
Shopify Expert
3274 235 1183

This is an accepted solution.

You have an extra element after each product card:

Screenshot 2024-03-17 at 3.28.36 pm.png

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.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
GaiaTreasures
Shopify Partner
3 0 0

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>