LOGO CENTERED AMOUNG MENù VOICES IN HEADER FULL WIDTH

Good evening everyone,

As I'm building a redesign of my old website, I was wondering if someone knew a css injection to keep the logo centered in header, while the other voices of the menù (about, work, services, contact) could spread in the right and in the left as example in the picture_1.

The only chance I have now to keep them horizontally centered is to have the voices just below the logo, which I don't really like.

As example picture_2 

Could you help me please?

Hi,

Possible with custom code. If you share site url, we can help easier

Hi!

Thank you in advance for the interest 🙂

This is the url

https://oriole-bobcat-5dgw.squarespace.com/config/pages

On 3/7/2023 at 12:08 AM, Genrestudio said:

 

Hi!

Thank you in advance for the interest 🙂

This is the url

https://oriole-bobcat-5dgw.squarespace.com/config/pages

What is password?

Bepatient079

On 3/8/2023 at 9:31 PM, Genrestudio said:

Bepatient079

Do you use Personal or Business Plan?

If Business Plan, you need to change header layout to Left Navigation - Middle Logo, then we can help easier

If Personal Plan, no need to change layout, just let me know, we will give some CSS code

At the moment I'm using a Personal Plan, I'll probably switch in the future but I'm fine so far.

Thank you a lot for the help.

Waiting for the css

On 3/15/2023 at 10:05 PM, Genrestudio said:

At the moment I'm using a Personal Plan, I'll probably switch in the future but I'm fine so far.

Thank you a lot for the help.

Waiting for the css

Add to Design > Custom CSS

div.header-nav-item {
    position: absolute;
    left: 0;
    margin: 0 !important;
}

div.header-nav-item:nth-child(2) {
    left: 7vw;
}

div.header-nav-item:nth-child(3) {
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
}

div.header-nav-item:nth-child(4) {
    right: 7vw;
    left: unset !important;
}

nav>div.header-nav-item:nth-child(5) {
    right: 0;
    left: unset !important;
    margin-right: 0 !important;
}

.header-title-nav-wrapper, .header-display-desktop, .header-nav, .header-nav-wrapper, .header-nav-list {
    position: static !important;
}

Thank you!

Now they're spread among the logo, but I can't find a way to put the voices alligned horizontally with the logo.

Thank you very much for your help!

Have a nice day

On 3/27/2023 at 3:38 PM, Genrestudio said:

Thank you very much for your help!

Have a nice day

Did you solve or still need help?