WordPress.org

Ready to get started?Download WordPress

Forums

Facebook
Comment box compatibility issues with WPtouch (7 posts)

  1. jeffreyrgomez
    Member
    Posted 2 years ago #

    I currently am using WPtouch to render the mobile version of my site. The Facebook comments box works great on the desktop site, but there are scaling and alignment issues on the mobile version. Normally the comment box doesn't show up at all and leaves a large blank space on the post. When I mess around with it, I can get it to appear, but way off to the right.

    I think WPtouch is a very common mobile plugin, and I'm sure a lot of people would appreciate it if the Facebook WordPress plugin was compatible with this mobile theme. Or am I the only one? Thanks.

    http://wordpress.org/extend/plugins/facebook/

  2. BraveNewCode Inc.
    Member
    Posted 2 years ago #

    Does the plugin you're using render the comments box inside an iFrame? If so, know that iFrames are notoriously erratic on mobile devices. You may want to search for an alternative to the plugin you're using. Many of our WPtouch and WPtouch Pro customers use a variety of Facebook plugins with great success.

  3. jeffreyrgomez
    Member
    Posted 2 years ago #

    I figured the iFrame was the problem so I used an html based one and it is working fine. I just think it would be nice if the official facebook plugin worked better on mobile devices and mobile themes.

  4. Rafael Fischmann
    Member
    Posted 2 years ago #

    Same issue here. Would love for these two plugins to work together nicely.

  5. bwhurd
    Member
    Posted 2 years ago #

    I solved this issue for my particular scenario where the iframe width was wider than the wpTouch width. I changed the iframe width from a fixed pixel width to "auto".

    Here's the code that worked, where "auto" was 450px prior to fix:

    <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FEngageTalentGroup&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:35px;" allowTransparency="true"></iframe>

  6. BraveNewCode Inc.
    Member
    Posted 2 years ago #

    Thank you for sharing your solution. iFrames behave inconsistently on mobile devices in general but yes, flexible dimensions are preferable to fixed ones when it comes to mobile sites.

  7. Rishi Gharpuray
    Member
    Plugin Contributor

    Posted 2 years ago #

    This issue should be resolved in the latest version, and the comment box should now work with wptouch! Let me know if you're still seeing the bug.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic