How to make the products appear grid style on mobile

When I look at my site from a mobile phone - iphone5, I see the products in list view. I have a lot of products, which would cause the customer to scroll a lot. Anyway to change that, so that they would see at least two items per row? Here's one of the product pages, I'm referring to: http://www.scentswarmers.com/buy/scentsy/products/premium-warmers-2

  • PC

    Hey there,

    Thanks for posting on the forums.

    First of all, I really loved the collection on your site :slight_smile: That is awesome !

    Secondly its designed to fit to the screen size you are viewing it on. If you want more items to fit to the small screen (which I personally do not advise as then the reading issues would arise) then you will need to reduce the width.

    Can you just try and add the below CSS to your site and see if that helps ?

    . mp_product_detail {width : 120px ! important}

    If your theme does not have a custom CSS area, then kindly install a plugin like : https://wordpress.org/plugins/easy-custom-css/ and that should allow you to add custom CSS easily.

    Cheers, PC

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.