Docs

[kisschicken]

I’m trying to center my main center navigation links while keeping my logo a fixed distance away on the left and adding a login link a fixed distance away on the right. Is there a way to do this? I’ve attached a screenshot to show you what we’re trying to achieve. Our website is https://pristine.io.

[Jade]

Hi there,

Please add this code in the custom CSS:

.masthead-inline .desktop .x-nav {
    display: flex;
    justify-content: center;
    float: none;
}

Hope this helps.

[kisschicken]

Great, that centered the navigation, but is there a way to add a single menu item for “login” separated to the far right?

[kisschicken]

Here is our staging site where I added your code. https://pristineio.staging.wpengine.com/

I gave the login link an id called “offSpring.” I tried floating it right but that didn’t work because it’s connected to the nav. I also tried adding left margin to it but then it made the rest of the navigation off center. Any ideas?

[Thai]

Hi There,

Please add the following CSS:

li#menu-item-8202 {
    position: absolute;
    right: 0;
}

Hope it helps 🙂

[kisschicken]

Great, that did it.

[Thai]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts