Logo off centre

Site URL: https://gar-parsnip-ldyh.squarespace.com

I'm trying to adjust the header so that a custom logo is in the centre and the nav/shopping basket/social is on the right, but whenever I try to arrange it the logo is off centre. 

Image attached of the result and this is the snippet I'm using:

.header-title-nav-wrapper{
    flex-grow: 1;
    flex-shrink: 0;
    margin-left:auto;
}

.header-layout-nav-right .header-nav {
  margin-right: auto!important;
}

.header-nav {
    flex-grow: unset !important;
}

.header-title {
    margin-left: 50%;
}

Hi,

Your site is private. Can you setup password & share url? We can check easier

On 9/12/2021 at 9:00 AM, tuanphan said:

Hi,

Your site is private. Can you setup password & share url? We can check easier

url (unpublished):

gar-parsnip-ldyh.squarespace.com

p/w:

Holywoodwith1L