How do I reorder categories in the Brine theme?

Site URL: https://www.sobo-design.com/shop

Hey,

I went through a bunch of previous questions regarding this topic and tried to use snippets of code I found there but unfortunately it won't work. Could you maybe help? 

I would like to have the following order:

ALL - TOPS - BOTTOMS - JUMPSUITS - ACCESSORIES- PATCHES - PRINTS - UPCYCLED - SALE

Thanks a lot in advance!

Try this out in Custom CSS:

.ProductList-filter-list {
    display: flex;
}

.ProductList-filter-list-item:nth-child(2) {
    order: 4;
}
.ProductList-filter-list-item:nth-child(3) {
    order: 2;
}
.ProductList-filter-list-item:nth-child(4) {
    order: 3;
}
.ProductList-filter-list-item:nth-child(5) {
    order: 5;
}
.ProductList-filter-list-item:nth-child(6) {
    order: 5;
}
.ProductList-filter-list-item:nth-child(7) {
    order: 8;
}
.ProductList-filter-list-item:nth-child(8) {
    order: 1;
}
.ProductList-filter-list-item:nth-child(9) {
    order: 7;
    margin-right: 15px;
}

The single margin-right style is there because it is the last element (Upcycled in your case) and doesn't have a right margin so we need to add one for even spacing.

18 hours ago, mess_cal said:

Try this out in Custom CSS:

.ProductList-filter-list {
    display: flex;
}

.ProductList-filter-list-item:nth-child(2) {
    order: 4;
}
.ProductList-filter-list-item:nth-child(3) {
    order: 2;
}
.ProductList-filter-list-item:nth-child(4) {
    order: 3;
}
.ProductList-filter-list-item:nth-child(5) {
    order: 5;
}
.ProductList-filter-list-item:nth-child(6) {
    order: 5;
}
.ProductList-filter-list-item:nth-child(7) {
    order: 8;
}
.ProductList-filter-list-item:nth-child(8) {
    order: 1;
}
.ProductList-filter-list-item:nth-child(9) {
    order: 7;
    margin-right: 15px;
}

The single margin-right style is there because it is the last element (Upcycled in your case) and doesn't have a right margin so we need to add one for even spacing.

Oh wow! great, it works! thank you so much!!!