Home › Forums › Jevelin Theme › WooCommerce Categories – order
Home › Forums › Jevelin Theme › WooCommerce Categories – order
Hi Jaro,
I hope you are well today and thank you for your question.
I could confirm the issue on my test site therefore notified the theme developer about this so that it will be fixed.
The issue will be fixed ASAP.
In the meanwhile you can order categories by dragging them as shown in the attached screenshot.
Best regards,
Shufflehound team
Solution for this topic
Ok. Seems none options is working correctly so to achieve it try adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-woocommerce-categories .sh-woocommerce-categories-item { float: right; }
Hi Team,
it works 🙂
Thank you.
Jaro
You are most welcome here 🙂
I don’t see the above shared CSS code on your site.
Where have you added the CSS code?
Also please try clearing cache and temporary deactivating W3 Total Cache plugin.
Please make sure you have selected 2 columns in the Woocommerce Categories settings as shown in the attached screenshot.
Solution for this topic
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (min-width: 768px) { .sh-woocommerce-categories .sh-woocommerce-categories-item.col-md-4 { width: 50%; } .sh-woocommerce-categories .row { margin: 0; } }
Solution for this topic
To make it work on mobile you have to change below custom CSS code used on your site
.sh-woocommerce-categories .sh-woocommerce-categories-item { float: right; }
as following.
@media (min-width: 768px){ .sh-woocommerce-categories .sh-woocommerce-categories-item { float: right; } }
Thank You, it works perfect.
Good Bye
Welcome 🙂