• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 12.03.24, 10:57
  • Opened by: Chrystel

Ticket #25399 - Category page, number of columns in mobile version

Hello,

I am using the “Native Theme Layout” for Category Page Template.
How can I have two columns of products in the mobile version? There is only one currently. (I am not using AMP).

Thank you in advance.

Comments

Fred 12 Mar 2024, 11:19

Hi, Chrystel.
Try this custom CSS 

@media(max-width:500px) {
#main-content #products.view_grid .product_list .grid-container {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
}
Chrystel 12 Mar 2024, 11:36

It works, thank you!

Fred 12 Mar 2024, 11:40

You are welcome!