Archived topic
Logo centre
10 replies · Started by Simon on January 20, 2021
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
Hi Simon,
I just updated the CSS here:
https://docs.generatepress.com/article/centering-logo-navigation/
Can you give it another shot?
Thanks :)
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
Here is some temp login for you... in private
It looks centered to me:
https://www.screencast.com/t/mDZEPoc3os
Is that not what you are seeing?
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
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
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
Try adding this CSS:
.inside-navigation.grid-container {
max-width: 1100px;
}
Great thanks Leo, all understood.
Thanks for all your help, really appreciate it.
Genpress are the best!
Cheers
Simon
No problem :)