• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 24.04.19, 13:48
  • Opened by: jorge gn
  • Closed by: Marek
  • Closed on: 26.04.19, 11:42
  • Reason: Closed
  • Comment: Glad to help!

Ticket #14319 - two column products in mobile version

I want the mobile version to see two columns of products and not one as it appears now

Comments

Marek 24 Apr 2019, 14:00

Hi, jorge gn.
Try following CSS:

@media (max-width:600px) {
#pattern #main .view_grid .product_list .grid-container { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr))}
}
jorge gn 24 Apr 2019, 21:28

no I need the same as the example

Marek 25 Apr 2019, 12:23

Try this:

@media (max-width:600px) {
#pattern #main .view_grid .product_list .grid-container { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr))}
}
jorge gn 25 Apr 2019, 12:55

same

Marek 25 Apr 2019, 13:53

it works for me

jorge gn 25 Apr 2019, 19:15

I have already noticed, I do not know if it can be changed in products of the home

Marek 25 Apr 2019, 20:15

Open the file modules/pk_isotope/assets/css/styles.css and do the following: https://take.ms/bRX2V