Facebook button overflow problem
-
Topic
-
Hi,
I tried to put a Facebook button “Like” inside a Text Widget on a sidebar, and when I click the Like button, the popup window (or “flyout”) doesn’t show.
Facebook FAQ says this regarding this problem:
If the Like button is placed near the edge of an HTML element with the overflow property set to hidden, the flyout may be clipped or completely hidden when the button is clicked. This can be remedied by setting the overflow property to a value other than hidden, such as visible, scroll, or auto.
What I did is to put the Facebook Javascript code inside the header.php just after this line #23:
<body <?php body_class(); ?>>
And then I put the div code for the button inside the Text Widget.
And everything work but the popup when you click on “Like”, you can try it there, on the right side-bar: http://www.orchis-eaulogie.com/
I tried to change some CSS overflow value with Web Developer to see if I could find which one was making this problem, but I found nothing.
I will be very grateful if you could help me.
Thank you.
-
Replies
-
Hello,
This isn’t something I’ve ever worked with, so I’m not sure there’s all that much I can really tell you about it. Looking at the behavior of the popup, it seems it’s some kind of javascript glitch and not the overflow issue you’re referencing. And from looking at my console, it appears you are getting this javascript error:
FB.getLoginStatus() called before calling FB.init().
Screenshot: http://www.uploadblvd.com/uploads/image_513a3305ad330.png
In searching Google, it looks like it’s a common issue people are having:
https://www.google.com/search?q=FB.getLoginStatus()+called+before+calling+FB.init()
From reading a couple posts, I think it may have something to do with having the javascript before the div that you’re showing the button at. Just a guess though, as I’ve never looked at the instructions for implementing it from Facebook.
Thank you so much Jason, you gave me good leads to find a solution, and I found one, it’s working now, like often, it was a silly mistake, I thought this social plug-in was aware of which page to like (ie the page where it is) but we need actually to tell it, and I was using the Facebook Page URL instead of the Word Press web site URL in its href property.
Thank you so much for your help, and your fast answers, this is great support!
- The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.