Responsive FB comments, not working
-
Hi, first of all great plugin, but on mobile devices FB commenting box appears not responsive. (eccessive width)
I tried to modify files as you suggested here:
To make the Facebook commenting interface responsive, place following CSS in “wp-content/plugins/super-socializer/css/front.css” at the end of the file:
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
width: 100% !important;
}
Save the file back. Replace existing file, if prompted”and also:
Try following steps:
1. Open “wp-content/plugins/super-socializer/js/front/facebook/commenting.js” in code editor.
2. Search following code:class=”fb-comments”
3. Replace the code searched above with following:
class=”fb-comments-unloaded”
4. Search following code:
FB.init({
5. Place following code above the code searched in previous step:
jQuery(‘.fb-comments-unloaded’).each(function(){
var $fbCom = jQuery(this),
contWidth = $fbCom.parent().width();
$fbCom.attr(‘data-width’, contWidth)
.removeClass(‘fb-comments-unloaded’)
.addClass(‘fb-comments’);
});
6. Save the file back.but nothing happened.
Would you please help me? Thank you very much.
- The topic ‘Responsive FB comments, not working’ is closed to new replies.