Overlap the logo with the hero image Squarespace 7.1

I want to move the logo down so that it overlaps with the hero image on all pages, I cant get a code to work though, I have already split the navigation. see attachment

https://grey-salamander-cxtd.squarespace.com/

Password Decor123

Is this helpful?

It looks like you're having a few issues with the split navigation, first right nav item overlapping the logo, you should be able to tweak that in the setup you already have for that.

6 minutes ago, Ziggy said:

Is this helpful?

It looks like you're having a few issues with the split navigation, first right nav item overlapping the logo, you should be able to tweak that in the setup you already have for that.

thanks! it did make the navigation tighter, as for the split navigation right now I have the code: 

/*Make split navigation*/
.header-nav {
    position: absolute;
    top: 65px;
    bottom: 0;
    margin-top: 0!important;
    margin-left: -50px!important;
}

.header-nav-item:nth-of-type(2) {
    margin-right: 440px!important;
}

.header-title-logo a {
    z-index: 1000;
    position: relative;
}

but it seems like the split navigation isnt equal on both sides like you said?

Try adding to Design > Custom CSS

.header-title-logo a {
    position: relative;
    bottom: -50px;
}