• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 02.01.24, 08:58
  • Opened by: Martin Crielaard

Ticket #25168 - Category view on mobile to many product on one row.

Best wishes Promokit crew! Hope you are doing fine.

When using a mobile device, there are too many products in one row in the category view (see screenshot). How can I make this auto response? you can see it here: https://www.hetzilverhuys.com/new/15-verzilverde-spaarpotten Also how to get rid of the quickview-, comprare,and favorite icons only on a mobile device. The product is totally invisible right now.

Attachments:

Screenshot_20240102_084842_Ch... (454.3 KiB)

Comments

Fred 02 Jan 2024, 09:08

Hi, Martin.
Try following CSS 

@media (max-width:800px) {
  #main-content #products.view_grid.view_grid5 .product_list #js-product-list .grid-container {
    grid-template-columns: repeat(2,minmax(100px,1fr));
  }
}
Martin Crielaard 02 Jan 2024, 09:16

Thanks fixed. What i don't understand i believe this lay-out is standard on the theme. Why do i have to add extra css?

Fred 02 Jan 2024, 09:30

Can't say exactly, need to figure out