Forcing hamburger menu on iPad?

Site URL: https://kowalacreative.com

Hey everyone,

On our website, the menu overlaps on iPad in portrait mode. Without changing any header text sizes, is there a way to force the mobile hamburger menu on a tablet’s portrait mode?

@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