Broken counter for long names of categories in the sidebar

Hey there,

we discovered an issue regarding the display of longer strings of categories.
Added to this topic you will find an screenshot which shows the issue quite good.

Maybe it is a solution to show it before the category name.

Best regards
Robert

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the plugins not related to the theme and provide your site admin access to the private area.

Best Regards

Hello Elise,

added to this response you will find all the nscary informations.
We have three shops with your theme, which are listed as well.

Best regards
Robert

Hello,

Please check your credentials I cannot log in.

Best Regards

Sorry! Generated a new PW for you.

Hello,

I still cannot login. If you have blocking plugins or configurations deactivate them.

Best Regards

Next try, sorry again.

Hello,

You have activated Toggle function in the Theme Settings > Shop > Widgets

In result, the counter goes to the title so that toggle arrow could be shown for the categories which have sub-categories. http://prntscr.com/mkp5wj

When you disable the toggle function the view is correct http://prntscr.com/mkp59t

However, the categories which have the sub-categories will look like this http://prntscr.com/mkp6b8

So you need to make up the decision on how to configure.

Best Regards

Hello Elise,

unfortunately that is not a good solution. If I disable the AJAX toggle function as you already told me all the categories are listed. This means for a shop like stegplattenversand.de the list is so long the customer has to scroll for days.

Is there any way of fixing this? Our IT-team already tried some solutions but with no good result.

Best regards

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.woodmart-widget .cat-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.woodmart-widget .cat-item a {
 -webkit-box-flex: 1;
     -ms-flex: 1 1 calc(100% - 65px);
         flex: 1 1 calc(100% - 65px);
}

body .widget_product_categories .cat-item .count {
	margin-right: 30px;
}

.woodmart-widget .cat-item ul {
	-ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
} 

Also, you have to purchase one license per website and register them in your account on our xtemos.com website.

Thank you so much for your help!
We will activate all license as soon as we go live.

Best regards

You have to activate it to get support help from us.

The license has been activated.

Thank you

[Author]

Posts