Navigation
Archive / Adjust responsiveness of WooCommerce product pages.
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 5, 2016 at 2:02 pm #868065
    crobley
    Participant

    On mobile devices I am only seeing 1 product per row. I’d like to have at least 2 per row if not 3.
    I tried this from an earlier thread I read here but it didn’t seem to help:

    @media (max-width: 480px) {
    .woocommerce .cols-2 li.product, .woocommerce .cols-3 li.product, .woocommerce .cols-4 li.product, .woocommerce.columns-2 li.product, .woocommerce.columns-3 li.product, .woocommerce.columns-4 li.product {
    width: 48%;
    }
    }

    Any suggestions?
    Thanks!

    April 5, 2016 at 2:34 pm #868089
    crobley
    Participant

    Nevermind. It worked lol.

    April 5, 2016 at 10:53 pm #868568
    Prasant Rai
    Moderator

    Happy to hear that. Feel free to ask us again. Have a great day! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-868065 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>