Centered Navigation Links

Does anyone know code to center navigation links. I want the logo left, button right, and links centered.  The logo and button are where I want them but links are also right aligned. Thanks! 

Jenn,

Could you please provide the URL to your website so that we can provide an accurate code for you to use?

Thank,

Dan

2 minutes ago, Wolfsilon said:

Jenn,

Could you please provide the URL to your website so that we can provide an accurate code for you to use?

Thank,

Dan

https://khaki-elk-54rm.squarespace.com/ password is Brad. Thank you!

Try this:

.header-layout-nav-right .header-nav {
text-align: center;
}

8 minutes ago, Wolfsilon said:

Try this:

.header-layout-nav-right .header-nav {
text-align: center;
}

 

That worked, thank you! Do you know how to increase the spacing a bit between the links?

In that case, for more control over your spacing. I've got another solution for you:

/* Tweak margin right below to your liking */

.header-nav-item {
  margin-right: 2%;
}

.header-nav-list {
  width: 100%;
}

.header-layout-nav-right .header-nav-list {
  justify-content: center;
}

19 minutes ago, Wolfsilon said:

In that case, for more control over your spacing. I've got another solution for you:

 

/* Tweak margin right below to your liking */

.header-nav-item {
  margin-right: 2%;
}

.header-nav-list {
  width: 100%;
}

.header-layout-nav-right .header-nav-list {
  justify-content: center;
}

 

Perfect, thanks again!!

😄

2 hours ago, Wolfsilon said:

😄

Sorry, one more question! Do you know how to get a black background around the links only? Like this:

On 12/4/2021 at 9:04 AM, JennWalker said:

Sorry, one more question! Do you know how to get a black background around the links only? Like this:

The image error. If you still need help, can you check it again?