I Need Help With My Desktop Hamburger Nav

Hello,

I currently have some CSS that creates a specific hamburger menu that displays on desktop that is suppose to be different from the mobile hamburger. Then, I'm trying to remove any likes in the navigation that don't match the slug of my hamburger menu "/burger" - while also not wanting to show that same hamburger menu on mobile. Does that make sense?

Anyways, I can't get the links on desktop to not show (see image) despite what I think I've done correctly in CSS (see code). Can someone help?

/* This will handle styling the burger icon color*/
a[href='/burger'] path {
  fill: #23605b !important;
}

/* Removes the underline set by Squarespace active class */
a[href='/burger'] {
  background: none !important;
}

/* This will handle styling the background color of the burger overlay */
better-burger {
  background: #ffffff;
}

/* This will handle styling the links inside the burger menu */
better-burger a {
  color: #23605b;
}

/* This will hide the desktop burger on mobile devices*/
@media (max-width: 767px) {
  a[href='/burger'] {
    display: none;
  }
}

/* If you only want to have the desktop burger visible this CSS will remove all the */
@media (min-width: 767px) {
  .header-nav-list not([href='/burger']) {
    display: none;
  }
}
 

What is your site url? We can check easier