Need help moving navigation items !

Hey everyone. Trying to figure this out.. Posted once before and no responses. Please help!

website I'm building: https://wisteria-koala-fmym.squarespace.com/ pw: benbenben

1) need to make the hamburger nav persistent between desktop and mobile. was able to achieve this using code shared in previous posts, but the logo always gets thrown off-center. Is there a fix for the off-center logo?

2) need to reposition the hamburger nav on desktop and mobile to the top left corner on desktop and mobile.

3) need to reposition the desktop CTA button to the top right (to match the margin of the hamburger menu)

I've attached an image to illustrate what i want to do. any help is greatly appreciated.

I would suggest using this plugin (or a similar one from Ghost, though there are other good menu plugins)

https://www.ghostplugins.com/products/mini-mobile-menu-in-squarespace-71

and this will help with the vertical positioning, add to Custom CSS:

.header-display-desktop {
    align-items: flex-start;
}