Category menu in shop

Hello

I have a problem how the categories are displayed on my website.

I currently have this code in my themes CSS:
.woodmart-product-categories .wc-default-cat {
display:block !important;
}

Now one category gets displayed in the completely wrong place.
See attachment 1

Before I added the previous code I had this one.
.woodmart-product-categories .wc-default-cat {
display: inline-block!important;
}

Here I had the problem that the menu looked wrong on mobile devices
See attachment 2

Attachments:

You must be logged in to view attached files.

Hi,

Replace your code with this one for desktop devices

.woodmart-product-categories .wc-default-cat {
display: inline-block!important;
}

And this one for tablet and mobile devices

.woodmart-product-categories .wc-default-cat {
display:block !important;
}

this doesn’t work on mobile. on Desktop it’s working.

Not all categories are getting displayed on mobile.

There should be another category: Tops

Attachments:

You must be logged in to view attached files.

Be sure that you cleared your browser cache since it is working correctly for us.

[Author]

Posts