Facebook Connect box blocks WPtouch menu

  • (7 posts from 3 members)
  • Started 4 months ago by e03179
  • Latest reply from Dale Mugford

  1. A lot of WordPress websites use Facebook Connect to make it easy for users to engage the content on the site, create a profile, and show their avatar.

    When WPtouch and Facebook Connect are running on the same WordPress website, the Facebook Connect notification/box/menu (whatever you want to call it) blocks half of the WPTouch menu.

    The Facebook Connect box gets positioned at the top left of the screen as seen here:

    http://twitpic.com/16ysug

    Additionally, any Facebook Connect functionality that the users engage in often cover the screen.

    Any ideas on how to tame FB Connect?

    Thanks!

  2. Dale Mugford

    BNC Design Guru (690 posts)
    4 months ago #

    Which Facebook Connect plugin are you referring to, Simple Facebook Connect? WP-FacebookConnect?

  3. I am using Facebook Connect Version 1.0 by Adam Hupp which looks like is AKA:

    http://wordpress.org/extend/plugins/wp-facebookconnect/

    Thanks!

  4. Dale Mugford

    BNC Design Guru (690 posts)
    4 months ago #

    We'll look at adding support for it.

  5. hawaii247

    BNC Member (2 posts)
    2 months ago #

    I had a similar problem using the 'Like' plugin. I got a Facebook connect image on the wp-touch posts/pages.
    http://www.hawaii247.com/ts/wp-touch-like.jpg

    I ended up removing the plugin and adding this code to single.php
    <iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&layout=standard&show_faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:40px"></iframe>

    The 'Like' button now shows-up on regular html pages but is not passed onto the wp-touch theme.

    View the live page here:
    http://hawaii247.com/?p=31273

  6. hawaii247

    BNC Member (2 posts)
    2 months ago #

    Okay, let me edit what I said above. I modified it to:
    <!-- LIKE BUTTON START -->
    <iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:35px"></iframe>
    <!-- LIKE BUTTON END -->

    I now have faces=false to accommodate the smaller height of 35 pixels. Plus I think it's just weird to see faces on the post.

  7. Dale Mugford

    BNC Design Guru (690 posts)
    2 months ago #

    These types of plugins are hard to accommodate because they add hooks and filters to the way the WPtouch theme is laid out. That said, we've added a modules capability in 2.0 that we hope will facilitate plugin developers to add WPtouch specific code and design to their plugins, or we'll add some ourselves.


RSS feed for this topic

Reply

You must log in to post.