Forcing hamburger menu on iPad?

@media screen and (max-width:1024px) {
  .Mobile.loaded {
    display: unset;
  }
  .Header.Header--top {
    display: none !important;
  }
}

Hey guys! I would really like help with this one too.

As when my window is decreased in size, the Nav button begins to overlap the nav menu items. In the screenshot, this is where I would like to force the nav menu into a burger menu.

Is there anyone out there who can help with some coding?

Site: https://cookislandsecurity.squarespace.com/

Password: security199