I only have 1 or 2 Social Media links and I cant get them to position in the center of the row.
Maybe a custom CSS class name applies on your social menu which produces an empty square and affects its position. From your custom menu administration panel, edit your social menu item, then ensure the CSS Classes option is left blank.
Here is the link to my site, I feel like I just set it up wrong and that it dosnt have to do with CSS
I noticed you are using the Custom Menu widget. You should use the Moesia FP: Social Profile.