Unfortunately, your code did not help. I managed to solve the problem but it is a very messy work around. For these with the same issue:

I made two widget areas and added the social widget of Esay Social Share Buttons to it. Lets call them “social1” and “social2”. But this areas can not be implemented because the plugin produces strange layout problems.
So I made another widget area according to this manual: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ . In this area I created two text areas where I included the “social1” and “social2” widgets with the plugin “widgets on pages”.
To sum up:
2 widget areas: each with a social plugin widget
enfold header widget area: 2 text widgets with the shortcode [widgets_on_pages id=”social1/social2″]

For CSS styling have a view at the live page and look for the div ID of the text areas. You can adjust the two text areas with this code:

div#text-2 {
  left: 20px;
  padding-top: 0;
  position: absolute;
  top: 10px;
}
div#text-3 {
 right: 20px;
float: right;
  padding-top: 0;
  position: absolute;
  top: 10px;
}

Kind regards,
Nico

Here they are.
Kind regards,
Nico