Position of burger and x icon

Site URL: https://soybean-flute-42kz.squarespace.com/

Hi, I have a question regarding the burger and x icon placement on my mobile site. I can't control it in the way I would like to. Which would be to line it up with the top of the logo and the right edge of the content.

I have no idea what the setting currently is, and I don't know the padding around the content either (I set it to 'medium' whatever that translates to)

The code I currently use is making it roughly ok, but ideally I would like it to be EXACTLY ok.

.mobile-nav-toggle-label .Icon--hamburger {
margin: -40px;
  }

body.mobile-menu-open .mobile-bar-wrapper .mobile-nav-toggle-label .Icon--close {margin: -40px;}

Password to the site is Sandy

Any help would be amazing. Thanks

Remove your code, add this:

.mobile-nav-toggle-label {
    position: absolute;
    top: 0;
    right: 0;
}

Thanks so much. That works