moving social icon below the centered text logo

Before the html gets sent down the tubes, you need to pluck the socials off the navbar and drop them under the logo:

// Move socials under logo
// Hook the deletion on the wp_head hook, so it's executed before any html
add_action ( 'wp_head' , 'move_my_socials');
function move_my_socials() {
	// Remove socials from the navbar
    remove_action ( '__navbar' ,  array( TC_header_main::$instance , 'tc_social_in_header' ));
    // Put them back under the logo
    add_action ( '__after_logo' , array( TC_header_main::$instance , 'tc_social_in_header' ) , 10, 2 );
}

You’ll also need to style them, with something like this:

.social-block.span5 {
    width: 100%;
}
.social-block.span5 a {
    display: inline;
    margin: 10px 0;
    text-decoration: none;
}

hi.. i applied the snippet but it displayed only a half. need more css tricks.

i added min height at below css :

.brand.span10.offset1 {float: none;min-height:70px}

Can you link to your site?