How to reorder the category list from my shop page – Alameda Template

Site URL: https://dish.squarespace.com/shop

Hi –

Website PW: dishri

I'm trying to reorder the categories on my shop page using the Alameda Template. I know that by default it's alphabetized but the code I tried to insert didn't reorder it the way I wanted? Anyone have some custom code that works to override?

Here's the link to the page I'm working on: https://dish.squarespace.com/shop

I'd like to change the order of the categories to:

1. ALL
2. TOPS
3. BOTTOMS
4. DRESSES
5. ACCESSORIES
6. JEWELRY
7. FOOTWEAR
8. SALE

Here is the custom code I have in there now that isn't working:

@media screen and (min-width:641px) {
.category-nav-links {
    display: flex !important;
    justify-content: center;
}
/* all */
.category-nav-links>li:nth-child(1) {
    order: 1;
}
/* Accessories */
.category-nav-links>li:nth-child(2) {
    order: 6;
}
/* Bottoms */
.category-nav-links>li:nth-child(3) {
    order: 2;
}
/* Dresses */
.category-nav-links>li:nth-child(4) {
    order: 3;
}
/* Footwear */
.category-nav-links>li:nth-child(5) {
    order: 5;
  }
/* Jewelry */
.category-nav-links>li:nth-child(6) {
    order: 6;
    }
/* Sale */
.category-nav-links>li:nth-child(7) {
    order: 8;
      }
/* Tops */
.category-nav-links>li:nth-child(8) {
    order: 1; margin: 0 25px 0 0;
}
}

What is access password?

I guess Alameda is SS 7.1, so above code won't work.

Try this: 

Thanks! Yeah I'm having a lot of trouble adjusting to 7.1. I will try that now.

PW is: dishri

10 minutes ago, DISHri said:

Thanks! Yeah I'm having a lot of trouble adjusting to 7.1. I will try that now.

PW is: dishri

Try this, I just wrote.