[Resolved] Logo centre

[Simon]

Hi guys, hope you are well.

Any ideas why the logo will not centre on this site? – please see this page https://www.careerstudios.co.uk/home-b/

I have configured as per this info https://docs.generatepress.com/article/centering-logo-navigation/ but the menu is not split either side of the logo.

I hope you can help ASAP.

Thanks Simon

[Leo]

Hi Simon,

I just updated the CSS here:
https://docs.generatepress.com/article/centering-logo-navigation/

Can you give it another shot?

Thanks 🙂

[Simon]

Hey Leo, thanks for this, still not working though I’m afraid.

I have set up a cleaner page here https://www.careerstudios.co.uk/genpress/

The logo is not centre still unfortunaltely

Thanks
Simon

[Simon]

Here is some temp login for you… in private

[Leo]

It looks centered to me:
https://www.screencast.com/t/mDZEPoc3os

Is that not what you are seeing?

[Simon]

Yes sorry Leo, the logo is centre, but the menu text is not even, with 2 links on the left and 4 on the right.

Shouldn’t this be 3/3 – please see https://screencast-o-matic.com/i/crVY3t9uFH

[Leo]

You need to modify the last section of the CSS in the doc article:

/* Change nth-child(#) to first item to right */
    .main-navigation ul li:nth-child(3) {
        margin-left: auto;
    }

For your case, replace 3 with 4:
https://www.screencast.com/t/P65s64kK

[Simon]

Thanks Leo, works a treat.

Is there a way I can get the text to float to the centre on each side instead of the outside?

As per this sketch https://screencast-o-matic.com/i/crVY009u4t

Thanks
Simon

[Leo]

Try adding this CSS:

.inside-navigation.grid-container {
    max-width: 1100px;
}

[Simon]

Great thanks Leo, all understood.

Thanks for all your help, really appreciate it.

Genpress are the best!

Cheers
Simon

[Leo]

No problem 🙂

[Author]

Posts