Spacing between Social Media Icons too wide

Dear Community, 

I have a dual language setup and added the following code to each of second language pages via PAGE HEADER CODE INJECTION:

<div dir="rtl"</div>

But now the spacing between the Facebook and the Instagram Icon in the header is too wide (see screenshot). 

I tried to fix it via Custom CSS but was not successful so far. 

Any help would be appreciated. 

Thank you!

Sho2000

Add to Home > Design > Custom CSS

.header-actions--right .header-actions-action--social .icon:first-child {
    margin-left: 1.3vw;
}

Perfect, that works. 

Thank you!

Hi,

I got the same problem with my header page. However, the code doesn`t work with I write it on the custom CSS.

https://www.csmgconsulting.com/

Same as Kyle, the code doesn't work when I post it in the custom CSS section

On 9/15/2020 at 6:13 AM, Kyle007 said:

Hi,

I got the same problem with my header page. However, the code doesn`t work with I write it on the custom CSS.

https://www.csmgconsulting.com/

Add to Home > Design > Custom CSS

.header-actions-action.header-actions-action--social>a:not(:first-child) {
    margin-left: 1vw !important;
}

On 9/16/2020 at 5:50 AM, Sunshine763 said:

Same as Kyle, the code doesn't work when I post it in the custom CSS section

Can you share site url?

Hi! I was wondering what if I want to reduce the spacing between all social links only, not one specific icon? Thanks! 

On 1/31/2021 at 9:55 AM, jzbz said:

Hi! I was wondering what if I want to reduce the spacing between all social links only, not one specific icon? Thanks! 

Can you share site url? We can help easier

I'm having the same issue @tuanphan! Can you help me?

https://elise-i1-dec.squarespace.com/

p: hello123

20 hours ago, nicolinnnaa said:

I'm having the same issue @tuanphan! Can you help me?

https://elise-i1-dec.squarespace.com/

p: hello123

You mean Header Social Icons?

I am having the same issue, the icons are too far apart. 

Can someone help me get the spacing closer? 

This is the website, https://www.fansonq.com/

Add this to Design > Custom CSS

.header-actions--right .header-actions-action--social .icon:not(:first-child) {
    margin-left: 1.5vw;
}