Animation from left in block

Hi, i have it working fine.
This is my code:

@media only screen and (min-width: 1024px) {
	nav.main_menu {  
	display: none !important;
	 }
	#advanced_menu_toggle, #advanced_menu_hide {
	display:block !important;
	right: auto; }
}

#wrap_all {
position: relative !important;
}

.avia_transform3d #mobile-advanced {
opacity: 1;
left: -100%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}

.avia_transform3d .show_mobile_menu #mobile-advanced {
opacity: 1;
-webkit-transform: translate3d(15%,0, 0);
-moz-transform: translate3d(15%,0, 0);
transform: translate3d(15%,0, 0);
}

li#menu-item-burger a:before {
    content: 'Menu ';
    font-size: 20px;
    float: left;
    margin-right: 5px;
}
#mobile-advanced li {
float: right;
clear: both;
color: green;
display:block;
text-align:center;
width:350px; /* fixed width */
text-decoration:none; 
}

Now, i only need to work with the css the get more style look and :
how to put social links inside the burguer menu?
Kind regards