Header - Logo centered with navigation right aligned

Site URL: https://fuchsia-vibraphone-3rkb.squarespace.com/

Hey everyone, 

I am trying to put the navigation links on my site aligned to the right, with the logo in the center.

However there is no such layout under the 'Header Layout' options. 

I have attached a crude screenshot of what I mean.

Any help is greatly appreciated!

Thanks,

Billy  

Hello,

Could you please also attach the password to view your private website?

Thanks

Pass: Billy@123

Thanks 

On 11/10/2021 at 2:32 PM, Billy_555 said:

Pass: Billy@123

Thanks 

The site is private. Can you check it again?

Site is now public:

fuchsia-vibraphone-3rkb.squarespace.com

Thanks

On 11/15/2021 at 7:40 PM, Billy_555 said:

Site is now public:

fuchsia-vibraphone-3rkb.squarespace.com

Thanks

Add to Design > Custom CSS

.header-title-nav-wrapper {
    flex-direction: row-reverse;
}
.header-display-desktop {
    justify-content: flex-end !important;
    flex-direction: row-reverse;
}

Thanks very much! 

On 11/18/2021 at 1:47 AM, tuanphan said:

Add to Design > Custom CSS

.header-title-nav-wrapper {
    flex-direction: row-reverse;
}
.header-display-desktop {
    justify-content: flex-end !important;
    flex-direction: row-reverse;
}

 

This works, but it's not producing a true mirrored effect. I would like the page links to be right aligned. They are floating somewhere in the middle between the centred logo and the right edge.

How can I edit this code to achieve this?

On 12/14/2023 at 10:52 PM, pete1 said:

This works, but it's not producing a true mirrored effect. I would like the page links to be right aligned. They are floating somewhere in the middle between the centred logo and the right edge.

How can I edit this code to achieve this?

What is your site url? We can check easier