Return to previous page

Topic: Short categories on mobile view in my site

Cr3atorf1lm

Participant

May 24, 2022 3:42 pm

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,
Site URL: hidden
Theme version: 4.1.6
WooCommerce version: 6.5.1

Content is visible for topic creator and
support staff only.

#324510 copied to clipboard
Rose Tyler

Support staff

May 25, 2022 7:14 am
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 to clipboard
Cr3atorf1lm

Participant

May 25, 2022 9:45 am

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 to clipboard

Cr3atorf1lm

Participant

May 25, 2022 9:51 am

I just found it, thank u very much

#324564 copied to clipboard

Viewing 4 results

1 through 4 (of 4 total)

The topic ‘Short categories on mobile view in my site’ is closed to new replies.

8theme system image

Upload your translation files

Click on the desired target language for which you already have a translation.

Choose file (max-size 1mb, zip or rar)

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.