Adjust Woocommerce responsiveness – Themeco Community

Adjust Woocommerce responsiveness

Matt M — Sun, 27 Apr 2014 00:14:12 +0000

I would like to show 2 products (or even 3) per row when viewed on a mobile device (rather than one). Currently, I can only change the number of products per row when the screen is larger.

Reply To: Adjust Woocommerce responsiveness

Rad — Sun, 27 Apr 2014 20:38:41 +0000

Hi Matt,

Thank you for writing in!

Could I request a url address that I can check? I could give you a css specific to you site. Which will enable it to show 2 to 3 columns on mobile device.

And which mobile devices you’re targeting? To be more specific what screen size?

Thank you.

Reply To: Adjust Woocommerce responsiveness

Matt M — Mon, 28 Apr 2014 20:15:41 +0000

I am working on livefitapparel.net, but it isn’t live right now. I am using a maintenance mode type plugin.

It looks like 480px width is where it switches over to 1 product per row currently. I am not targeting any specific mobile device, but I imagine the iPhone sized screen is about the smallest we would be worried about.

So basically, anytime the theme would default to 1 product per row, I want that to be 2 products per row (or 3).

Reply To: Adjust Woocommerce responsiveness

Support — Tue, 29 Apr 2014 04:03:51 +0000

Hi there!

Thank you for using the theme!

Please use this on Customizer > Custom > CSS:

@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%;
}
}

I hope that helps. Cheers!

Reply To: Adjust Woocommerce responsiveness

Matt M — Wed, 30 Apr 2014 19:04:35 +0000

Works great! Thanks!

Reply To: Adjust Woocommerce responsiveness

Support — Thu, 01 May 2014 03:16:15 +0000

Glad it is working. Don’t hesitate to ask us if you have any questions. Cheers!

Reply To: Adjust Woocommerce responsiveness

Jameson — Sun, 04 May 2014 05:09:32 +0000

That helped me too, thanks! Was afraid of necroposting, but this was just a few days ago, so.

Reply To: Adjust Woocommerce responsiveness

Christian — Sun, 04 May 2014 06:38:21 +0000

You’re welcome Jameson.

Reply To: Adjust Woocommerce responsiveness

astratelli — Sun, 14 Jun 2015 16:32:52 +0000

Hi there,

Would you please be able to help me do the opposite for my site? I am trying to get 1 product per row for my mobile site http://www.astratelli.com.

Thanks!

Reply To: Adjust Woocommerce responsiveness

Rupok — Sun, 14 Jun 2015 18:04:16 +0000

Hello astratelli,

I can see one product on mobile view for the first page. Let me know on which page you want the change. I’ll assist you to achieve that.

Thanks