Category with icon, wrong show

Hello,

I saw the screenshot you attached and visited your website.

Please try adding the following Custom CSS in the Custom CSS for the Mobile area under Theme Settings >> Custom CSS.

.woodmart-product-categories.has-product-count .cat-item {
	width: 155px;
}

The CSS will increase the width of the items you can set the width accordingly.

Regard’s.
Xtemos Studios.

Hello,

Sorry for the misunderstanding. Please move the CSS to the Global Custom CSS area under Theme Settings >> Custom CSS.

The categories titles don’t display fine due to the tile length and the size of the icons that’s why such issues occur. The CSS I provided above will set them a width that will let them display fine.

As you mentioned, adding the CSS to the Global Custom CSS area works fine. You can set the width according to your needs.

Regard’s.
Xtemos Studios.

Hello,

You are Most Welcome.

You can try increasing the padding for the categories in the shop page title by adding the following Custom CSS.

.woodmart-product-categories.has-product-count .category-nav-link {
	padding-left: 20px;
	padding-right: 20px;
}

Best Regards.