<h3>Scripts File</h3>
<pre class="lang:js decode:true  crayon-selected" title="Scripts File">$('.menu-social-menu-container a').wrapInner('&lt;span class="screen-reader-text" /&gt;');
$('.menu-social-menu-container a').fadeIn('slow');</pre>
<h3>Less File</h3>
<pre class="lang:less decode:true">screen-reader-text {
display: none;
}

.menu-social-container .menu {
li {
float: left;
border: 0;
a {
display: none;
&amp;:after {
font-family: FontAwesome;
font-size: 13px;
padding: 0 7px;
}
}
&amp;:last-child a {
padding-right: 0;
}

a[href*="facebook"]:after {
content: "\f09a";
}
a[href*="twitter"]:after {
content: "\f099";
}
a[href*="pinterest"]:after {
content: "\f0d2";
}
a[href*="instagram"]:after {
content: "\f16d";
}
a[href*="google"]:after {
content: "\f0d5";
}
a[href*="linkedin"]:after {
content: "\f0e1";
}
}
}</pre>