Mobile Menu Nav - Counter

Site URL: https://www.orsolyaoszabo.com/home

Hello, Thanks if anyone can help,

I managed to add counters to the desktop navigation links, with css. Like photos no. 1

I used this code: 

 .header-nav-list>.header-nav-item:before {
    content: "0" counter(menu-item-counter) "./";
    font-family: proxima-nova;
    font-style: normal;
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.2em;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #272724;
    position: ;
    top: -10px;
    left: 65px
}
  .header-nav-list>.header-nav-item {
    counter-increment: menu-item-counter;
    position: relative;
}

.header-nav-list {
    counter-reset: menu-item-counter;
    justify-content: flex-start;
}

And I wanna do the same, on mobile, but I only got 01. before each nav item with almost the same code. (photo no. 2)

.header-menu-nav-item a:before {
    content: "0" counter(menu-item-counter) "./";
    font-family: proxima-nova;
    font-style: normal;
    font-weight: 400;
    font-size: .625rem;
    line-height: 1.2em;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #272724;
    position: ;
    top: -10px;
    left: 65px
}
 .header-menu-nav-item a {
    counter-increment: menu-item-counter;
    position: relative;
}
.header-menu-nav-item a {
    counter-reset: menu-item-counter;
    justify-content: flex-start;
}

Huge thanks to anyone who can tell me what's wrong, and how to make the nav links actually counting!!

Orsi

It works perfectly, thank you so much!!

@tuanphan