Hamburger not aligned and cart icon too close on iPhone

Site URL: https://www.thebeach-concept.com

For some reason the hamburger icon on my site is way off left alignment and the cart button is extremely close to it. Wondering if anyone has had this problem before or if there's a hack to fix it? I really like the way it looks when previewed on Squarespace in the browser. See attachment with a screen grab from my iPhone 12 Max on the left next to the preview in Squarespace on the right.