Change category size in mobile

Hi, I want to change the size of category blocks and want to make them smaller in mobile version. How is it possible to do that?

Check version 1 and 2 for the current and desired designs.

Attachments:

You must be logged in to view attached files.

Hello,

In order to make 3 columns on mobile view for the Product categories, please try to add this code in Theme Settings -> Custom CSS -> enter the code in the field “Custom CSS for mobile”.

.products .category-grid-item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

Kind Regards

Thank you. That is workinf fine. Now the problem is that the font size is too big with thise size of pictures. Can we decrease the font size and make it smaller to fit the words in one line?

Thanks in advance!

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the admin panel login details of the website to check it myself and help you out accordingly.

Best Regards

[Author]

Posts