Fixed logo on header

Site URL: https://moreours.squarespace.com/

Hello,

I currently have my header set to shrink back on scroll. Is there a way to keep the logo always fixed while letting the nav links shrink back?

Thanks!

password: pearl

Add to Design > Custom CSS

header#header.shrink .header-title-logo a {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 50px) !important;
}

Thank you so much!