ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• October 20, 2015 at 11:27 am #221850
  rziri

  Member

  Post count: 3

  Hello,
  I would like to display 2 products in the same row on store pages in the mobile view.
  It currently displays a single product per row.
  help?

  October 20, 2015 at 11:33 am #221853
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Try adding this to your custom css:

  @media only screen and (max-width: 767px) { 
  .woocommerce .products .product {
    float: left!important;
    width: 50%!important;
  }
  }

  – Kyle

  October 21, 2015 at 1:28 pm #222198
  rziri

  Member

  Post count: 3

  not working…

  October 21, 2015 at 3:07 pm #222251
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try this one

  
  @media only screen and (max-width: 479px){
  .full-width-shop .product, .full-width-shop .sidebar[class*="col-sm"] {
      width: 50%!important;
  }
  }

  -Rui

• Back to forum

  Posted in: Atelier