Twitter widget only working 50% of the time?


#1

Hi, I am currently using the twitter widget in the footer of my website (skyvantagemedia.com) The issue I am experiencing is generally the first time you load the webpage the twitter frame will display the mobile version of the website rather then work as intended. Here is an example

Not Working

How is looks once you reload the page and it works.

Here is the code I am using in the website

<div>
			<a class="twitter-timeline"  href="https://twitter.com/SkyVantageMedia" data-widget-id="556600047077720065">Tweets by @SkyVantageMedia</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
      </div>   

I just want to say i LOVE the widget when it is working. But i need it to work the first time the page is loaded as intended. Is there anything I can do on my end?


#2

I was able to reproduce a few times. I think one of your jquery plugins is messing with the iframe by setting a “src” on it. Try disabling them and see if one of your libraries are causing it.


#3

Ill give it a shot and report back if I find anything. Thanks for the tip


#4