How to hide Product Category Title?

If I want to hide the Product Category Title on the mobile phone, but display the Product Category Title on the computer, how do I set this, and how do I set the font of the Product Category Title?

Hello,

Can you please share some screenshots for better understanding where you want to hide the text and share the page url so i will check and give you a possible solution.

Best Regards.

I have submitted two screenshots. The red circle refers to the Element to be set, and the red arrow refers to the product category title that needs to be displayed and hidden. I would like the product categories here to be set up to show 3 columns.

Attachments:

You must be logged in to view attached files.

Hello,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.category-grid-item .hover-mask {
    display: none;
}

For the category columns, Edit Product Categories Widget and in the style tab configure the columns:
https://ibb.co/6XHX5qF

Best Regards.

But now there is a problem, if I follow your settings it will result in the whole site’s category Title being hidden, but I just want to set the hide in certain pages or certain rows of Element, not the whole site.
For example, I just want to set this Product Categories Element in this row on this page, without affecting the Title display of other Product Categories Element on this page.

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL and the site WP admin login details so I will check and give you the possible solution.

Best Regards.

I’ve provided the information you need below.

Hello,

Your issue has been solved. I have added the custom CSS code in the page custom CSS section: https://ibb.co/PWDbjhB

Now the custom CSS only works on this page.

Best Regards.

But according to your settings, the result is that the Categories Title on the entire homepage is gone. The effect I want to achieve is not to affect the original display effect of the Categories Title in the Menu. That is, the Categories Title in the Menu can be displayed, but the Product Categories Title in the Product Categories Element is not displayed.

Attachments:

You must be logged in to view attached files.

Hello,

Please check it now after removing the browser cache. I have updated the custom CSS code in the homepage.

Best Regards.

Could you please write the code here? It will be convenient for me to check later. Entering this code at the same time will only set the homepage and will not affect other pages?

Hello,

I have solved this issue by doing 2 steps:

1st I have added the extra class for the Prodcut categories widget: https://postimg.cc/8Jc8jCF7

Then the 2nd step I added the below custom CSS code in the homepage:

.homecategory .category-grid-item .hover-mask {
    display: none;
}

Here is the screenshot where I have added the custom CSS: https://postimg.cc/XXwMqtqc

Best Regards.

[Author]

Posts