Hide mobile menu item on a single page

I'm trying to hide three nav links in the mobile menu, but only on a single page. 

When a user is on the page "Home Copy," I want to hide the following nav links. "Home, Home Copy, Whiskey Run Series"

The following code works to hide my links on desktop, but not on mobile. Please help!

I'm using Squarepace 7.0 with the Brine template. Here's a link to my site. 

www.runrhino.run

<style>
.Header-nav-item:nth-child(1)  {
visibility: hidden !important;
}
  .Header-nav-item:nth-child(2) {
visibility: hidden !important;
}
    .Header-nav-item:nth-child(3) {
visibility: hidden !important;
} 
</style>

Thank you!!

UPDATE: I upgrade to 7.1 to try to solve this. 

Solved. There are lot's of code snippets online already to do this, but they were struggling in 7.0. Upgrading to 7.1 worked.

To hide an item from navigation on a specific page, you can follow this