Ok, so this isn't exactly copy and paste, but it should give you a good starting point as to how to block things out and position them so that you have more control over them.
Check out this fiddle here
Basically, I took your header container and divided it up into 2 blocks:
1. left-header (green) - Contains your site title
2. right-header - Contains social media & menu
Then I subdivided right-header into 2 more blocks:
1. social-media (red) - Put your social media icons here
2. access (blue) - This contains your menu
This gives you definitive blocks to place your content into without worrying about it shifting around on you. If you don't want the right side divided evenly on the horizon, you can just adjust the heights of social-media and access to where you like them.
When you place the elements inside of the blocks, just give them padding and/or margins to space them properly within their blocks.
Like I said, its not exactly a cut and paste solution because I don't know all the inner workings of your template, but it should give you a good starting point to get to where you're trying to go.
I hope this helps some.