Product blocks on mobile

  • Resolved Anonymous User 18819390

    (@anonymized-18819390)


    3 years, 7 months ago

    Hi, I’m trying to see if there is any way to adjust the mobile column layout. I would like to show 2 products per column instead of 1 on mobile. Is this possible?

    I’m using 4 columns on desktop.

    • This topic was modified 3 years, 7 months ago by Anonymous User 18819390.
Viewing 2 replies - 16 through 17 (of 17 total)
  • Thread Starter Anonymous User 18819390

    (@anonymized-18819390)

    I just wanted to share the CSS for the product category blocks too for anyone else looking. 

    @media (max-width: 480px) {
   .wc-block-product-category .wc-block-grid__products {
       display: flex !important; 

   }
   .wc-block-product-category .wc-block-grid__product {
       flex: 1 0 33% !important;
   }
}

    Thanks again for the help.

    Plugin Support Stuart Duff – a11n

    (@stuartduff)

    Automattic Happiness Engineer

    Hey?@tomster999,

    That’s great to see you have found a solution to this. I’m going to mark this as resolved – if you have any further questions, you can reopen it again if you need be.

Viewing 2 replies - 16 through 17 (of 17 total)
  • The topic ‘Product blocks on mobile’ is closed to new replies.