Need help fixing navigation link spacing

I need help making the spacing of the navigation links to the right of the logo to be spaced the same as the ones to the left of it. The ones on the right got squished together so need to space them out to be like the left. Please refer to the photos, thank you!

12 hours ago, EJ119 said:

I need help making the spacing of the navigation links to the right of the logo to be spaced the same as the ones to the left of it. The ones on the right got squished together so need to space them out to be like the left. Please refer to the photos, thank you!

Can you share your URL site (with the protected password if you have) so I can take a look?

https://www.sullivandesignstudio.com/

You can try adding to Home > Design > Custom Css

.header-nav-item.header-nav-item--collection {
  margin-right: 20px;
}

Have you tried adding my above code yet?

Unfortunately, that code didn't work. It is weird because when I go edit the site header and adjust the link spacing, it shows them spaced out how I wanted but when I click save, it goes back to being packed together.

Also, I am using custom code to get the secondary navigation in the first place so maybe that has something to do with it. Meaning that the links to the right of the logo are custom because it is a secondary navigation.

I can not find my code your site. Can you take screenshot where you apply my code on?

Sorry, I took it off, let me put it back on 

It should be on now

On 12/9/2022 at 10:19 PM, EJ119 said:

It should be on now

Your CSS box has a syntax error so all (or some) CSS won't work.

If you look at right bottom corner, you will see a red notice.

If you can't fix this, just send all CSS code, we can help you easier

.header-actions .header-nav-item {
  padding-right:2.1w !important; /**change as needed**/

}

.header-nav-list   {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end !important;
      -ms-flex-pack:end !important;
          justify-content:flex-end !important;
  .header-nav-item {
     padding-right:2.1vw !important; /**change as needed**/
  }
}

.header-actions--right {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}

.header-actions .header-nav-item {
  padding-right:2.1vw !important;//change as needed

}

.header-nav-list   {
  display:flex;
  justify-content:flex-end !important;
  .header-nav-item {
     padding-right:2.1vw !important; //change as needed
  }
}

.header-actions--right {
  display:flex;
  justify-content:space-between;
}

.header-display-mobile .header-nav-item.header-nav-item--collection {
display:none;
}

/* Home transparent */
body.homepage .header-announcement-bar-wrapper, body.homepage header#header {
    background: transparent !important;
}

h3 a:hover {
    color: #cd7e3c !important;
}

section[data-section-id="630039bc9470670078eb1643"]     {
  border-top: 1px solid #000;
}

[data-section-id="5e4c4bfc089b191d4a53fa73"] { padding-top: 0 !important; }

/* Home nav items */
body.homepage div.header-nav-item a {
    color: white !important;
}

// Navigation Links Spacing //

.header-nav-item a {
  margin: 0px 2px !important;
}
https://static1.squarespace.com/static/5e4c49786776b00f34b723a5/t/639135c8f3a6940a6ecddad1/1670460872379/Sullivan_Logo-07+(1).png
[data-section-id="5e73d711f1221176fcfd4730"] .content-wrapper {
    padding-top: calc(~"10vmax / 5") !important;
}
.header-nav-item.header-nav-item--collection {
  margin-right: 20px;
}

On 12/12/2022 at 1:04 AM, EJ119 said:

.header-actions .header-nav-item {
  padding-right:2.1w !important; /**change as needed**/

}

.header-nav-list   {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end !important;
      -ms-flex-pack:end !important;
          justify-content:flex-end !important;
  .header-nav-item {
     padding-right:2.1vw !important; /**change as needed**/
  }
}

.header-actions--right {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}

.header-actions .header-nav-item {
  padding-right:2.1vw !important;//change as needed

}

.header-nav-list   {
  display:flex;
  justify-content:flex-end !important;
  .header-nav-item {
     padding-right:2.1vw !important; //change as needed
  }
}

.header-actions--right {
  display:flex;
  justify-content:space-between;
}

.header-display-mobile .header-nav-item.header-nav-item--collection {
display:none;
}

/* Home transparent */
body.homepage .header-announcement-bar-wrapper, body.homepage header#header {
    background: transparent !important;
}

h3 a:hover {
    color: #cd7e3c !important;
}

section[data-section-id="630039bc9470670078eb1643"]     {
  border-top: 1px solid #000;
}

[data-section-id="5e4c4bfc089b191d4a53fa73"] { padding-top: 0 !important; }

/* Home nav items */
body.homepage div.header-nav-item a {
    color: white !important;
}

// Navigation Links Spacing //

.header-nav-item a {
  margin: 0px 2px !important;
}
https://static1.squarespace.com/static/5e4c49786776b00f34b723a5/t/639135c8f3a6940a6ecddad1/1670460872379/Sullivan_Logo-07+(1).png
[data-section-id="5e73d711f1221176fcfd4730"] .content-wrapper {
    padding-top: calc(~"10vmax / 5") !important;
}
.header-nav-item.header-nav-item--collection {
  margin-right: 20px;
}

Remove this image url