Hey guys,
I’m using the product category widget in my shop page. It works and the hierarchy is there, but all the categories are aligned to the left so you can’t see what is a subcategory of what. How can I fix that? On mobile devices it shows the alignment how it’s supposed to be.
Hey FadingReality,
To fix it, just add this custom CSS code at Enfold Theme Options > general styling > quick CSS:
.sidebar {
text-align: left;
}
let me know if it works :)
Best regards,
John Torvik
Hey John,
that didn’t work unfortunately. :(
Hi,
Try using this css code and it to Quick CSS (located in Enfold > General Styling):
.sidebar .product-categories li a {
font-weight: bold;
}
.sidebar .product-categories .children li a {
font-weight: normal;
}
This will make the parent categories have bold font thickness and normal font thickness for child categories. HOpe this helps.
Best regards,
Nikko
Hey Nikko, I want the categories to align properly, your code this not affect anything in that regard. :(
Here’s a screenshot of the problem.Screenshot
Hi,
Try this code in the General Styling > Quick CSS field:
.sidebar_left.sidebar {
text-align: left !important;
}
Best regards,
Mike
That did the job, thank you Mike! :)