WordPress.org

Forums

Super Socializer
[resolved] Responsive FB comments, not working (3 posts)

  1. iomichele
    Member
    Posted 1 year ago #

    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.

    https://wordpress.org/plugins/super-socializer/

  2. the_champ
    Member
    Plugin Author

    Posted 1 year ago #

    Hi there,
    Facebook renders a fixed width commenting interface that's why above solutions are not working.
    I am trying to figuring out a solution for this. Will keep you updated.

  3. the_champ
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    Facebook commenting is fully responsive in the latest release. Please update your plugin.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic