I have a twitter text widget in my Sidebar with html code for both Facebook and twitter follow buttons. The Facebook one works fine, but the twitter one does not render write.
The odd part here, is in the customize view of Wordpress, the twitter widget renders perfectly fine, as show in this picture:
But when I publish it and view my website at www.cattywampur.com it renders like this:
The code in my widget looks like this:
<div class="fb-follow" data-href="https://www.facebook.com/cattywampur/" data-layout="button_count" data-show-faces="true"></div>
<br>
</br>
<a class="twitter-follow-button"
href="https://twitter.com/Cattywampur"
data-size="large">
Follow @Cattywampur</a>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=143819872422578";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
I am mostly confused with why it renders fine in the preview but when I publish it, it doesn't look the same?

