I have a page integrated with Facebook comment box (social plugin) which work perfectly in desktop browser, however it's not working when I use a iPhone to browse the page, a Facebook "loading" keep showing and the comment box didn't come out.
I have tired the following too:
Browse the same page with a Android phone, OK
Browse the same page with a iphone 3rd party browser (I use a QR code scanner browser), OK
Browse the same page with iphone safari, NOT OK
I found this bug report at facebook at Jan, but no response: https://developers.facebook.com/bugs/171818679588280?browse=search_4f26fb988bf8d0c61735624
Anyone have an idea on this? Many thanks!
there is no iframe code for the comments plugin - the html5 code works, but it doesn't resize for the iphone, which causes lots of layout problems. I used a conditional css for iphone sized: ( you have to wrap the code in a div with class "facebook-wrap")
#media screen and (max-width: 460px) {
.facebook-wrap iframe {
width:300px!important;
left:0!important;
position:relative!important;
max-width:100%;
}
.comments_wrap.section{padding:0}
Use the "iframe" code instead of the javascript
Related
I used divi built a website, my website address is www.pawtrails.ie, it is responsive to mobile screens, but I found when I open the link through facebook social media in my mobilephone, the toggle button is not clickable anymore. It is clickable in google chrome browser.
What is the cause for this? And what should I do for this please? I tried other social media, such as Wechat, the toggle button has the same problem.
The toggle button is not working when opening in facebook
The shop image is not displaying when opening in facebook as well
Thank you very much
It's the facebook in-app browser.
Their browser sucks, and has major display issues for most wordpress sites. If you're on an android, you can set your phone to open links through another browser. But the iPhone app forces you to open links through facebook browser.
So far, I can't find a fix for this issue.
(Edit to answer the question - sorry about that mods - noob error) There appear to be two possible issues. Firstly mixed content (http) on https enabled sites won't appear, so images etc. that have been hardcoded to "http://", perhaps from before a switch to SSL. Secondly for other issues, the Divi WP theme does crop up quite often and updating that theme seems to have fixed it for the OP when I check their site.
(Original message)
Wasn't sure if you were getting the replies in my conversation app. I replied on the post too: https://charlesr.co.uk/why-doesnt-my-site-display-properly-in-the-facebook-in-app-browser/#comment-9
Did you change something since yesterday, because it's working for me?
I have issue on ipad/iphone under safari browser for embed iframes.
So, in generally, behavior of this iframes - they keep their height, but iframe contend doesnt shows, so there just blank space instead google embed map or youtube iframe.
How can I solve this?
I faced this once and I can only solve this by using google API.
Safari doensn't work well with iframe tags.
I'm doing responsive website. I tried it on every browser and everything is ok, however than I displaying that page on iphone i notice a bug, media queries in css on iframe not working in the page. Any ideas how to make it work?
Here is the page: http://saulesmiestas.lt/lt/aukstu_planai/1
I have a Facebook like button on a website, it links to their Facebook page.
http://www.facebook.com/plugins/like.php?api_key=158676140902498&locale=en_US&sdk=joey&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df3c3ba27b53005a%26origin%3Dhttp%253A%252F%252F07bce2b0664e8df0ed388a0c7647cf80.sites.gozesty.com%252Ff4c48dfa4eebd4%26domain%3D07bce2b0664e8df0ed388a0c7647cf80.sites.gozesty.com%26relation%3Dparent.parent&href=http%3A%2F%2Fwww.facebook.com%2FMissionBrewery&node_type=link&width=450&layout=box_count&colorscheme=light&show_faces=false&send=false&extended_social_context=false
If you copy and paste that into Chrome it works perfectly.
In Firefox and Safari no item shows up.
I tried making the like button in Firefox and realize when the link is a facebook link the item doesn't show. Anyone know why this would be and a possible solution?
Works fine on my safari (6.0.2)
I am trying to open a flash gallery with modal box in my iFrame Facebook app, but it is bigger than 520px. I found 2 solutions:
Insert a piece of code in the parent windows to make the modal to open with Target _parent, This is impossible since the parent windows is the Facebook!
Open flash video with iFrame inside a Facebook Dialog Box,
I have been looking for a tutorial for days without success. Anyone knows how can I do something like this:
<fb:dialog id="my_dialog">
<fb:dialog-title>My title</fb:dialog-title>
<fb:dialog-content> Flash video </fb:dialog-content>
</fb:dialog>
Maybe it's a solution for what I need, but it's more than 2 months and nobody answered this question.
http://facebook.stackoverflow.com/questions/7427051/fbswf-not-working-in-fbdialog-box-shows-blank-white-space
Here is my page, but remember that it is a work in progress and I do not know how long it will be a useful link:
https://www.facebook.com/MegaPetBrasil?sk=app_244261928967214
Thanks in advance.
Didn't try it out once but it might be because of fbml deprecated.. http://developers.facebook.com/docs/reference/fbml/
If it is wider than 520px , you can try canvas page (i know user will have to leave fan page) and integrate inside Facebook. It might be even better in user experience perspective, if i have been visiting your page and in tab app if you lock my Facebook screen and show a dialog box with flash gallery, i will annoyed. It will be much better in canvas without any popups. Guess.. :)