How to hide button on the mobile menu when it’s open - Squarespace 7.1

Sometimes you may want a button or link to show on desktop, but hide it from the mobile menu when the mobile navigation menu is open. This can be done with a little custom CSS.

---

Add the following to your Custom CSS

//Hide button on mobile menu when open

@media only screen and (max-width: 767px) {
  [data-folder="root"] > .header-menu-cta {
    display: none;
  }
}