Hi There,
I did check both content. It seems that the live site is just showing a cache content. The code on Appearance > Widget on the live site doesn’t have link too, so it’s weird that it is showing links on the frontend. Most likely it is cache content. The entire code with link should be this:
<div class="social"> <span class="cwu">CONNECT WITH US : </span> <a href="https://www.facebook.com/vikasayoga/" class="facebook" title="Facebook" target="_blank"><i class="x-icon-facebook-square" data-x-icon="" aria-hidden="true"></i></a><a href="https://www.youtube.com/user/kmiachin/" class="youtube" title="YouTube" target="_blank"><i class="x-icon-youtube-square" data-x-icon="" aria-hidden="true"></i></a><a href="https://www.instagram.com/vikasayoga/" class="instagram" title="Instagram" target="_blank"><i class="x-icon-instagram" data-x-icon="" aria-hidden="true"></i></a><a href="https://www.pinterest.com/vikasayoga/" class="pinterest" title="Pinterest" target="_blank"><i class="x-icon-pinterest-square" data-x-icon="" aria-hidden="true"></i></a> <a href="https://vimeo.com/vikasayoga" class="vimeo" title="Vimeo" target="_blank"><i class="x-icon-vimeo-square" data-x-icon="" aria-hidden="true"></i></a></div>
Regarding the size, I can see on the live site it is set to 28px:
footer .social a {
color: #c8c5c5;
display: inline-block;
font-size: 28px;
padding: 0 13px;
vertical-align: middle;
}
On your staging, it is set to 18px:
footer .social a {
color: #c8c5c5;
display: inline-block;
font-size: 18px;
padding: 0 13px;
vertical-align: middle;
}
Note to clear cache before checking again.
Hope this helps.