Return to previous page

Short categories on mobile view in my site

This topic has 4 replies, 2 voices, and was last updated 2 years, 5 months ago ago by Cr3atorf1lm

Cr3atorf1lm

Participant

May 24, 2022 at 15:42

Hi,

I want to ask how I can short categories on mobile view. I want to show 3 categories per row on mobile, except two like now on page https://humanpet.gr/product-category/skylos/trofi-skylos/ksiriskylos/.

https://humanpet.gr/wp-content/uploads/2022/05/2022-05-24-17_15_54-Window.png

https://humanpet.gr/wp-content/uploads/2022/05/2022-05-24-17_18_42-Window.png

Best regards,

Please, contact administrator
for this information.

#324510 Copied Theme version: 4.1.6 WooCommerce version: 6.5.1

3 Answers
Rose Tyler

Support staff

May 25, 2022 at 07:14
Hello,

Add the next code in Theme Options > Theme custom CSS > Mobile:
```
.row-count-4 .product-category:nth-child(2n+1) {
    clear: none !important;
}
.products-grid .product-category {
    width: 33.33%!important;
}
.row-count-4 .product-category:nth-child(3n+1) {
    clear: both !important;
}
```
Regards
#324547 Copied
Cr3atorf1lm

Participant

May 25, 2022 at 09:45

Hi,

Thank you φορ the code, but I can’t find the path for mobile, I only find Custom CSS.
And when I enter this code, it fixes for mobiles, but it brakes for desktops. Is anything else, that you suggest doing?

Best regards,

#324563 Copied

Cr3atorf1lm

Participant

May 25, 2022 at 09:51

I just found it, thank u very much

#324564 Copied
Tagged: mobile view, optimized, short categories, themes, user friendly, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)