Centered logo in navigation w/menu items aligned inward as opposed to outward

Hi Lawrence,

It should be possible. To have a better grasp of the solution we can provide, may you kindly provide the link to the site in question?

You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hope to hear from you soon. :)

Thanks Fernando!

The site is currently locked down with a maintenance mode plugin but it allows access via a custom URL. I've added that to the private information.

Thanks in advance!

Thank you for adding the link!

Here’s a CSS you may try adding in Appearance > Customize > Additional CSS:

@media (min-width: 769px) and (max-width: 1024px) {
    div.main-nav > ul.menu {
        width: 75%;
    }
}

@media (min-width: 1025px) {
    div.main-nav > ul.menu {
        width: 50%;
    }
}

div.main-nav {
    display: flex;
    justify-content: center;
}

This would place the menu items closer to the site logo. Kindly replace 75% and 50% with your preferred value if needed.

Hope this helps!

Hello Fernando!

That worked perfectly but due to the fact there are a few more characters on the left side, so I added "margin-left: -12px;" to the below and that seems to have sorted it out and all looks good.

@media (min-width: 1025px) {
    div.main-nav > ul.menu {
	margin-left: -12px;
        width: 70%;
    }
}

Thanks a bunch!

I see. You’re welcome Lawrence, and glad you were able to modify it to your liking!