Move Social Media Icons & Search Icon to Navigation Bar

Ok, I figured out how to remove the white space, but I am still needing help figuring out how to place the search & social media icons in the navigation bar. Or I could handle them sitting on top of the header image as well, but I can’t seem to figure this out either. I thought adding a z-index would do the trick, but that didn’t work.

For others with the space between the header image and the navigation bar here is the css code I added into the Custom CSS area. I have no idea which of those things actually made it disappear, but I don’t even care at this point. I’m just happy it’s gone! 🙂

Any help moving the icons would be appreciated. Thanks!

#site-description {
display: none;
margin: 0;
font-weight: 300;
float: left;
line-height: 0;
}

#header #searchform {
display: none;
float: none;
}

#site-title img {
margin: 0;
padding: 0;
float: left;
line-height: 0;
}
#site-title {
margin: 0;
margin-right: 0;
line-height: 0;
float: left;
}
#sidebar-header {
display: none;
}
#sidebar-header {
float: none;
width: 0;
height: 0;
margin: 0;
overflow: hidden;
}
#header-image {
display: block;
max-width: 100%;
}