Folders not showing contents on cell phone but they show on the computer

Site URL: https://www.perlamoredielda.com

Hello everyone. I have two folders on my site. One is called Inspiration and the other the folder named "Ispirazione". They are identical however Ispirazione is not displaying the contents when clicked on it on mobile devices. I asked squarespace for help and they told me the problem was resolved by disabling scripts. They sent me to a link to try it myself and I just couldn't find it. However,  when I took all the items out of the folder they worked fine and I was able to see them on my cell phone...Considering there are no scripts when making a folder I am a bit confused at to why the one folder works and the other does not. I have page head code injections because my site is bilingual so when someone is in English they won't see the Italian and visaversa.

I have uploaded the drop down menu in English, the italian Ispirazione with an arrow and what happens when you click on it.

This is the code I have for the cell phone

<style>
    @media screen and (max-width:1511px){
    #header .header-menu-nav-item:nth-child(1){
        display:none
}
    #header .header-menu-nav-item:nth-child(2){
            display:none
}

Any help would be appreciated.

This code is hiding your navigator

Try the following code to overwrite it

@media screen and (max-width: 1511px) {
  #header .header-menu-nav-item:nth-child(6) {
    display: block;
  }
}

Hope it helps

My testing