facebook comment widget does not appear on mobile website

I have added facebook comment widget. it does not seem to be visible on mobile website.

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '**********myappid*******',
      xfbml      : true,
      version    : 'v2.1'
    });
  };

  (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";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-comments" data-href="http://ift.tt/1EbjszX echo $news_id; ?>" data-numposts="10" data-colorscheme="light"></div>

i have tride to add css .fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe {display:block !important} but it doesnt helpd. it works fine on pc.