• Closed by: Marek
  • Closed on: 01.08.19, 13:05
  • Reason: Closed
  • Comment: Glad to help!

Ticket #15027 - How to change number of colums on mibeversion

How can I change the numbers of product colums to two in the AMP version? Look at the attachment for an example.

Thanks a lot,
Andrés.

Comments

Marek 08 Jul 2019, 19:06

Try following CSS:

#productShownList div[role="list"] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px
}
Andrés García Castilla 10 Jul 2019, 19:25

Thanks! It worked well. I just added another css to prevent the products from looking weird because if different title sizes:

.product-title{

      /*Cortar títulos de productos en 2 líneas*/
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
  }
Marek 10 Jul 2019, 19:26

Great, thank you!