Title: loop product display width
Last modified: May 5, 2020

---

# loop product display width

 *  Resolved [ariban99](https://wordpress.org/support/users/ariban99/)
 * (@ariban99)
 * [6 years ago](https://wordpress.org/support/topic/loop-product-display-width/)
 * Hi
    i am trying to display 2 product per line on a mobile phone for the shop 
   page i put this in my child theme css but it only works for the front page and
   not the shop page, can anyone help how i can do this for my shop page as well?
 * [@media](https://wordpress.org/support/users/media/) (max-width: 575px) {
    .col-
   xs-6.col-sm-6.col-md-6.col-lg-4.col-xl-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; 
   max-width: 50%; padding-right: 10px; padding-left: 10px; }
 * .row {
    margin-right: -10px; margin-left: -10px; } }

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Support [Senff – a11n](https://wordpress.org/support/users/senff/)
 * (@senff)
 * [6 years ago](https://wordpress.org/support/topic/loop-product-display-width/#post-12786696)
 * Without seeing your site, it’s not possible for us to see what might be the issue
   here. Do you have a link to your site that we can check?
 *  Thread Starter [ariban99](https://wordpress.org/support/users/ariban99/)
 * (@ariban99)
 * [6 years ago](https://wordpress.org/support/topic/loop-product-display-width/#post-12787946)
 * Yes sorry about that. Its kosherbasix.com
    Thank you
 *  Plugin Support [Senff – a11n](https://wordpress.org/support/users/senff/)
 * (@senff)
 * [6 years ago](https://wordpress.org/support/topic/loop-product-display-width/#post-12789649)
 * To ensure that your products are shown in 2 columsn on mobile screens, adding
   this CSS code should help:
 *     ```
       @media screen and (max-width: 479px) {
         body.woocommerce .products.mobile-col-2 > .product {
          width: 48% !important;
         }
         body.woocommerce .products.mobile-col-2 > .product:nth-of-type(2n+1) {
           margin-right: 3% !important;
         }
       }
       ```
   
 *  Thread Starter [ariban99](https://wordpress.org/support/users/ariban99/)
 * (@ariban99)
 * [6 years ago](https://wordpress.org/support/topic/loop-product-display-width/#post-12791743)
 * wow that works. thank you

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘loop product display width’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [ariban99](https://wordpress.org/support/users/ariban99/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/loop-product-display-width/#post-12791743)
 * Status: resolved