Hamburger icon not aligned accurately on phone (displays correctly on desktop phone simulation)

Site URL: https://goby-oarfish-j8jm.squarespace.com/

I have a problem with the Hamburger being aligned correctly in the desktop mobile simulation but when you actually view the site on a phone it's not aligned with the edge of the grid (screenshot from iPhone below). 
Is anyone able to help me out / know how I could fix this or manually align it? It's made using the Novo template.

If anyone can suggest some code to inject to rectify the problem please drop it in here, i'll be forever grateful. Cheers!   

Hi. The images can't access. Can you send new image?

Hi Tuan, thank you for getting back to me, re-attached the image for you. 

Also, here's the password to to access the site: tuanh3lp

Many thanks,

Ollie

With this problem, you can use this CSS (Design > Custom CSS) to adjust burger position.

/* Burger position */
.burger-box {
    right: 1vw;
}

Edit number 1 to another number

Thanks Tuan, this code fixed the problem when measurement set to -5vw.