Add this to the header template, I believe your placing the code in the wrong area... there are two in fact, one for logged in users and one for those not logged in so it will need to be placed in both <ul> areas, look for:
Code:
<vb:if condition="$show['member']">
<ul class="isuser">
TONS OF CODE HERE THEN THE CODE BELOW COMES UP
<vb:else />
<ul class="nouser">
You want to add your social links to the navbar, by adding them below the <ul class=isuser"> OR under the <ul class="nouser"> they will show last in the links of <li>'s despite being directly below the ul code because it displays them top to bottom in last to first order by way of coding. Now I do know that the nouser area is defined by a certain size css where the login boxes comes into play - so if you happen to insert it there for whatever reason further adjustments will need to be made. Also please make note that this area is in fact also the toplinks css area so you could get the mini social links <li>'s into place then if the toplinks are uip too high you can move them using the standard css by adjusting the default values or overwriting them in additional.css.
Edit: Add the social links in the toplinks, otherwise you need to create some custom css and a div class="name" area to house the code IF you want to show it in a position where something else already "exist" otherwise it will as you said, screw things up naturally.