Coding for Header spacing

Site URL: https://silver-guava-8nph.squarespace.com/

Hi! I'm new to SquareSpace and CSS, but have been learning a lot by searching in this Forum. My current dilemma is that I'd like to have less space between the social icons in the header than there is between the menu items in the header. I found the following code, but it's only partially gotten me where I need to be: it does decrease the space between icons without decreasing the space between menu headings, but it also gets rid of the space between the last menu heading (Programs) and the first social icon (Facebook). I'd like to have the ''normal'' (i.e. wider) spacing between those two. What am I missing? And thanks!

.header-actions-action--social .icon {
  margin: 5px 5px !important;
}

Also, FYI, our site URL will probably change sometime this week - we're in the process of transferring our domain name (sustainabilitymatters.earth) over to it. When that gets closer to happening, I will probably just get rid of the custom CSS code unless I have a fix already, since it looks worse now than with everything evenly spaced!

1 hour ago, SariC said:

Site URL: https://silver-guava-8nph.squarespace.com/

Hi! I'm new to SquareSpace and CSS, but have been learning a lot by searching in this Forum. My current dilemma is that I'd like to have less space between the social icons in the header than there is between the menu items in the header. I found the following code, but it's only partially gotten me where I need to be: it does decrease the space between icons without decreasing the space between menu headings, but it also gets rid of the space between the last menu heading (Programs) and the first social icon (Facebook). I'd like to have the ''normal'' (i.e. wider) spacing between those two. What am I missing? And thanks!

.header-actions-action--social .icon {
  margin: 5px 5px !important;
}

Also, FYI, our site URL will probably change sometime this week - we're in the process of transferring our domain name (sustainabilitymatters.earth) over to it. When that gets closer to happening, I will probably just get rid of the custom CSS code unless I have a fix already, since it looks worse now than with everything evenly spaced!

 

Do you mean space between 2 nav item?

49 minutes ago, bangank36 said:

Do you mean space between 2 nav item?

Hi! No, I specifically mean the space between the last menu item (Programs) and the first social icon (Facebook). The rest of the spacing works for me now. 

On 12/7/2021 at 4:56 AM, SariC said:

Site URL: https://silver-guava-8nph.squarespace.com/

Hi! I'm new to SquareSpace and CSS, but have been learning a lot by searching in this Forum. My current dilemma is that I'd like to have less space between the social icons in the header than there is between the menu items in the header. I found the following code, but it's only partially gotten me where I need to be: it does decrease the space between icons without decreasing the space between menu headings, but it also gets rid of the space between the last menu heading (Programs) and the first social icon (Facebook). I'd like to have the ''normal'' (i.e. wider) spacing between those two. What am I missing? And thanks!

.header-actions-action--social .icon {
  margin: 5px 5px !important;
}

Also, FYI, our site URL will probably change sometime this week - we're in the process of transferring our domain name (sustainabilitymatters.earth) over to it. When that gets closer to happening, I will probably just get rid of the custom CSS code unless I have a fix already, since it looks worse now than with everything evenly spaced!

 

You can check site url? The site url doesn't exist