WordPress.org

Forums

Facebook Comments
[resolved] Making it responsive (10 posts)

  1. Shawn Gray
    Member
    Posted 1 year ago #

    How do I make this things responsive or set it to 100% instead of specific pixel size?

    https://wordpress.org/plugins/facebook-comments-plugin/

  2. Alex Moss
    Member
    Plugin Author

    Posted 1 year ago #

    Facebook recently changed the way it outputs the comments box so now is not responsive. Once I produce the correct code I will update the plugin

  3. necropsy
    Member
    Posted 1 year ago #

    Hi Alex, this is great news, I'm also in need of this update.

    Many thanks for your hard work.

  4. Alex Moss
    Member
    Plugin Author

    Posted 1 year ago #

    Been trying my best to resolve this but FB is making it hard for me! CSS now breaks the comment form if you try to hack it, and the only other solution seems to be here but my tests have proven unsuccessful: http://stackoverflow.com/questions/22187961/responsive-facebook-comments-css-hack-broken/22257586#22257586

    Can anyone else get this working?

  5. gabu69
    Member
    Posted 12 months ago #

    Im interested in this, my mobile view when width is < than the comments box is making my site look strange

  6. frufru
    Member
    Posted 11 months ago #

  7. wettstein
    Member
    Posted 9 months ago #

    WELL ^ that looks promising now how to do it I am a newbie no idea

    My activists site has this too on pages and posts
    http://activistshub.com/

  8. Alex Moss
    Member
    Plugin Author

    Posted 9 months ago #

    All you need to do is enter 100% into the width option within the settings page. I notice from testing that simply loading the page then moving the width after load does not always work, but if the width is set before load then it works fine. I've updated the plugin to v2.1.2 to change the default width to accomodate this. In @frufru's link above the plugin doesn't use the CSS to remove so the plugin is fine and compatible now. Even without updating the 100% setting should work for you.

  9. Ronnie55
    Member
    Posted 3 months ago #

    ^^ just did '100%' in the width and it worked. awesome!!

    Can anyone tell me how to add a bit of padding on the right-hand side now, so that it's not touching my sidebar? Just looking for like 2 pixels probably.

  10. Alex Moss
    Member
    Plugin Author

    Posted 3 months ago #

    This can be done using CSS in your theme.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Facebook Comments
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.