Help Reordering Categories

Site URL: https://www.printologypress.com/store

Hi,

I am wanting to reorder the categories on my shop and can't seem to get the code right. 

I want the order to be.....

All

Custom

Cards

Sketchbooks

Notebooks

Jotters

Stationery

Earrings

Sale

I'm on Mojave and the link is https://www.printologypress.com/store

Thank you to whoever can help!

Add to Home > Design > Custom CSS

@media screen and (min-width:641px) {
ul.ProductList-filter-list {
    display: flex;
    flex-direction: column;
}
}
@media screen and (max-width:640px) {
.ProductList-filter-dropdownToggle-checkbox:checked~.ProductList-filter-list {
    display: flex;
    flex-direction: column;
}
}
/* All */
ul.ProductList-filter-list>li:nth-child(1) {
    order: 1;
}
/* Custom */
ul.ProductList-filter-list>li:nth-child(3) {
    order: 2;
}
/* Cards */
ul.ProductList-filter-list>li:nth-child(2) {
    order: 3;
}
/* Sketchbooks */
ul.ProductList-filter-list>li:nth-child(8) {
    order: 4;
}

/* Notebooks */
ul.ProductList-filter-list>li:nth-child(6) {
    order: 5;
}
/* Jotters */
ul.ProductList-filter-list>li:nth-child(5) {
    order:6;
}
/* Stationery */
ul.ProductList-filter-list>li:nth-child(9) {
    order: 7;
}
/* Earnings */
ul.ProductList-filter-list>li:nth-child(4) {
    order: 7;
}
/* Sale */
ul.ProductList-filter-list>li:nth-child(7) {
    order: 7;
}

If you are considering reordering your category list, it's worth asking yourself if this is what the customer will expect or prefer. Will it help of hinder your customers to reorder them?

Consistency plays an important role in website design because a familiar interface helps users feel at home on your site. This helps them to achieve their goals more easily (buy your products!) and increases your sales. The category list usually appears in alphabetical order because this is predictable; it is what the user will expect and it's very effective because it's the optimal order for users to scan quickly. It won't be so easy for a user to scan the list if it doesn't appear to have a logical order [to the user]. I hope this UX Design perspective helps you or someone else.