Mobile Menu - Hide Folders - Previous Code Not Working Anymore

1 hour ago, PerfectCaptureBooth said:

Hi, my site www.perfectcapturebooth.com is multi-lingual and I was previously successful at hiding certain folders with certain pages. But now it seems for mobile, all of the folders are being shown in the menu!

These are the codes that I was using, the desktop code still works properly. Mobile isn't working Please help! :

<style>
    /* hide items on desktop */
  nav.header-nav-list>div:nth-child(1),
    nav.header-nav-list>div:nth-child(3), nav.header-nav-list>div:nth-child(4) {
        display: none;
    }
    /* hide items on mobile */
     .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(1), .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(3), header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(4)
  {
  display: none !important;
}
    </style>

Replace your code with these

<style>
  /* hide items on desktop */
  nav.header-nav-list>div:nth-child(1), nav.header-nav-list>div:nth-child(3), nav.header-nav-list>div:nth-child(4) {
    display: none;
  }
  /* hide items on mobile */
  .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content .header-menu-nav-wrapper > div:nth-child(1), .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content .header-menu-nav-wrapper > div:nth-child(3), .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content .header-menu-nav-wrapper > div:nth-child(4) {
    display: none !important;
  }
</style>