Mobile menu Social icons

Below I used this layout for my mobile site http://www.blog.insoltric.com/wp but the social icons does not work at all. This happens when i moved the menu that was original on the logo. The social media links are activated it but automatically doesnt work when I moved the menu.

@media screen and (max-width: 480px) {
}

#header {
position: relative;
padding-bottom: 30px;
}

#access,
#social-media-icons {
position: absolute;
top: 30px;
right:30px;
}

#access,
#header #searchform {
position: absolute;
right: 20px;
top: 50px;
}

#access {
background: none;
}

#access,
#access .nav-show,
#access a.nav-show:hover {
bottom: 0;
}

#access .nav-show,
#access a.nav-show:hover {
top: initial;
bottom: 10%;
}

#access:target .menu {
margin-bottom:0;
position: relative;
}

}