Hiding some links in mobile hamburger

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

I have a need to hide certain items from the mobile hamburger menu, as I have done in the desktop view. However the code to hide from desktop doesn't currently translate to mobile.  Could you help me fix this? I'm using 7.1.

The pages that need to be hidden are currently turned off but will be turned online soon. Here's the website:  https://www.covidlonghaulers.com/

Heres' the code I'm using to turn off some links in the desktop:
 

<style>
  .header-nav-item:nth-child( 1 ) {
      display : none;
        }
  .header-nav-item:nth-child( 3 ) {
      display : none;
        }
  .header-nav-item:nth-child( 5 ) {
      display : none;
        }
  .header-nav-item:nth-child( 7 ) {
      display : none;
        }
  .header-nav-item:nth-child( 9 ) {
      display : none;
        }
  .header-nav-item:nth-child( 11 ) {
      display : none;
        }

   
  </style>

Thank you!

Hi,

Which items you want to hide on mobile?

Our Team, For Physicians, and Get Answers.

Thank you!!! 

Add to Design > Custom CSS

<style>
  .header-menu-nav-folder[data-folder="root"]>div>div:nth-child(2n) {
    display: none;
}
</style>

(n run from 0, 1, 2,...)