Return to previous page

Topic: Products row - by Bright Agho - on WordPress WooCommerce support

Bright Agho

Participant

September 10, 2021 4:34 pm

Hello support how are y’all doing today? please I need your support here how do set my product row to show 3 row on tablet 2row on mobile is ok I need the tablet to be 3row
Site URL: hidden
Theme version: 8.0.6
WooCommerce version: 5.6.0

Content is visible for topic creator and
support staff only.

#301921 copied to clipboard
Rose Tyler

Support staff

September 11, 2021 6:07 am
Hello,

Try to add the next code in Theme Options > Theme custom CSS > Tablet

.products-grid .product { width: 33.33% !important; } .products-grid .product:nth-child(2n+1) { clear: none !important; } .products-grid .product:nth-child(3n+1) { clear: both !important; }

Regards
#301941 copied to clipboard
Bright Agho

Participant

September 11, 2021 6:34 pm

I did put the code already he is still the same please check
https://privatebin.support-tools.com/?dd1b5130f915a04f#io35foS9zPrurXVIgl2ndYDxZ65HLmhR/vHhow83xvk=

Content is visible for topic creator and
support staff only.

#301975 copied to clipboard

Bright Agho

Participant

September 11, 2021 6:42 pm

Yes he work now thanks

Content is visible for topic creator and
support staff only.

#301976 copied to clipboard

Bright Agho

Participant

September 11, 2021 9:51 pm

Hello support am really sorry can I have the code for 4row on tablet shop page? I try 3 in a row it doesn’t look nice on my home page please so I have to take it off I think 4 in a row will be better thanks

Content is visible for topic creator and
support staff only.

#301980 copied to clipboard
Rose Tyler

Support staff

September 12, 2021 8:10 am
Hello,

Change the previous code to:

.products-grid .product { width: 25% !important; } .products-grid .product:nth-child(2n+1) { clear: none !important; } .products-grid .product:nth-child(4n+1) { clear: both !important; }

Regards
#302004 copied to clipboard