Hi,
For most of the cases, it should adjust automatically.
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.
Thanks for the quick response, but that’s not working for me. Maybe you could check it out here: http://www.culturecrux.com/speakeasy-evening-at-art-vivant/
I can see momentarily before the facebook iframe loads on my phone, that the default wordpress comments are 100% width, but facebook comments are still getting cut off. I’ve been fiddling with trying to fix them in Firebug, but so far no luck.
Thanks
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.
That removes the ability to post using Facebook, and the Facebook commenting is gone.
Seems, you have not followed the steps properly. Contact me at my email lordofthechamps@gmail.com and I will send you the updated file.
