Social buttons in menu area

I am helping, David.

Add this;

#social-media-icons {
 margin-top: 0;
}

and change my last excerpt of code from my prior code,
from this

#social-media-icons {
 position: absolute;
 right: 0;
 bottom: 0;
 z-index: 2;
}

To this;

#social-media-icons {
 position: absolute;
 right: 0;
 top: 0;
 z-index: 2;
}

So right now I have this in my Custom CSS section:

#access,
#header {
position: relative;
}

#social-media-icons {
margin-top: 0;
}

#social-media-icons {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

Is i right? does not work

WOW! I see the second facebook and youtube images, but not the first one

Yes.

I don’t know how you set those social icons, but there simply aren’t any other social icons other than the ones you see, being outputted to the browser.

You know, I can not the first images just because they are too pale.

Then you need to change the image itself https://sandroshakulashvili.com/wp-content/themes/pinboard/images/youtube.png for each social icon.

Yes I know ?? So, it works ??
Omg I’m so thankful ??

How can I change the position of the buttons?
I mean padding, margin etc.

You can use the top and right values in the #social-media-icons selector.
E.g;

#social-media-icons {
 position: absolute;
 right: 10px;
 top: 10px;
 z-index: 2;
}

Ok, thx again.
RESOLVED

Thanks, but I had to use this code to get it to work:

a.social-media-icons,
#social-media-icons {
position: absolute;
margin-right: 20px;
margin-top: 0;
right: 0;
top: (YOUR HEADER HEIGHT IN PIXELS +11) px;
z-index: 2;
}

Check it out… My Site