Unfortunately due to other commitments, we are no longer able to provide support for these themes.

All our themes are now free and can be downloaded by anyone to use/modify however they wish.

We want to thank all our users for their support over the years. All the best in 2020 and beyond.

Specifying no. of product columns for mobile display

sarahmayclarksonsarahmayclarkson Lifetime Member
Hi Mark

Hope this is a quick fix / can you jog my memory? When I last built our site, I was able to specify the number of rows and columns for Woocommerce product thumbnail display on mobile devices. Now they’re all displaying as 1 full-width column in mobile/iPad by default. Is this a setting I can easily change somewhere in the Patron theme or customiser?

Old site: http://filmstorerental.com/product-category/cameras/ (displays as 2 columns in mobile)

New site: http://77.104.131.74/~filmstor/product-category/cameras/ (displays as 1 column in mobile)

I can’t remember how or where I did this, whether it's built into Patron or I had to modify via custom.php / plugin or Thesis custom CSS.

Appreciate your help!

Sarah

Comments

  • Options
    Mark_HodderMark_Hodder Administrator, Lifetime Member
    That's just something we added into your Custom CSS actually, to go back to two columns remove this from the Thesis Custom CSS:

    width: 100% !important;

    in:
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    		width: 100% !important;
    		float: none;
    		text-align: center;
    		margin: 0 auto;
    }
    Need Additional Help?
    - Check out the Resource Center for helpful tutorials and hints.


    image
  • Options
    sarahmayclarksonsarahmayclarkson Lifetime Member
    Awesome, thank you!
This discussion has been closed.