Aligning branding and menu in header beyond Style panel's maximum horizontal element spacing cap.

Site URL: https://www.google.com/search?q=tothe.town&sxsrf=AOaemvL1ugfJ7SO7mmFD0x_LHUcs5FJ8Cw:1641241019621&ei=u1nTYfK-JZCjptQPpqKoqAI&ved=0ahUKEwiyiNyfs5b1AhWQkYkEHSYRCiUQ4dUDCA4&uact=5&oq=tothe.town&gs_lcp=Cgdnd3Mtd2l6EAM6BAgjECc6CggAELEDEIMBEEM6BAguEEM6CgguELEDEIMBEEM6CgguEMcBEK8BEEM6BAgAEEM6BwguELEDEEM6BQgAEJECOggIABCABBCxAzoOCC4QgAQQsQMQxwEQrwE6CAguEIAEELEDOgsILhCABBDHARCvAToFCAAQgAQ6BwgAEIAEEAo6BQguEIAEOgcILhCABBAKOgQILhAKOgQIABAKOgYIABAKEB46BggAEA0QHjoICAAQCBAKEB46CQgAEMkDEA0QHkoECEEYAEoECEYYAFAAWP0KYO0MaABwAngAgAGpAYgBlQqSAQMyLjiYAQCgAQHAAQE&sclient=gws-wiz

Hello all, 

PLEASE NOTE THE SITE URL IS INCORRECT SQUARESPACE WILL NOT ALLOW ME TO USE MY ACTUAL URL <tothe.town> ON THE FOURM.

I'm wondering if there is a way to remove the arbitrary cap on the Element Spacing (Horizontal) adjustment when editing your header. I would like to line up my logo and menu with the content of the website instead of having it randomly jutting off into the margins. Toggling the Element Spacing (Horizontal) in the Site Style panel moves it into the right direction but unfortunately only allows me to put in a maximum adjustment of 48px. The attached screenshot has this at 48px and you can see where it stops. I'd like to adjust it beyond that so it lines up nicely with the content of my site but I'm simply not alowed to for some reason. 

I'm not very comfortable with injecting code into my site but I assume there is simply no solution unless I can wizzard a magical code into the CSS and understand how to apply it. If someone knows a non-coding solution to this problem please let me know!  I'm not even sure how to pull up the CSS for my header specifically so if anyone could give me a simple breakdown it would be much appreciated. I'm currently using a very altered Mojave template. 

Hi. You can share built-in domain (eg: abcxyz.squarespace.com). We can check easier