What is the custom code that you are putting into the custom code field in the settings? You could try adding a width and div container to the iframe. The problem is that the wp-flybox is calculating the width of the box so that it knows how far to fly out, but it is calculating it before the iframe is being loaded. So adding a width or a container with a set width could fix it.
They are both twitter accounts, I did them in a custom tab because I got an error when adding two twitter accounts.
Tweets by @UltraPet
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+”://platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>
and
Tweets by @maxtheultracat
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+”://platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>
Try adding <div style="width:520px;display:block;"> before the <script> tag and </div> after the </script> tag on both of them and let me know if that fixes it.
Adding the “display:block” worked. I had tried it without that previously. Thank you for your help.
I just noticed that Facebook is not working in Firefox or Internet Explorer Browsers though. It will only display the tabs Facebook content in Chrome.
The reason it doesn’t show is probably because of privacy settings on your page. To test if that’s the cause, try logging into facebook with IE or Firefox, then see if WP-Flybox shows the facebook content on your site. If it does show it after you log in, then your Facebook page settings are probably not set to public or something.
That was it. They had their page set with an age and country restriction on it. Thanks again
Would you be able to lend me a hand on this? The third flybox is custom. It flys out upon page loading but does not return back completely as the native twitter and facebook do. I have tried changing the width of the div that it is in with no success.
http://37.60.233.12/~ultrapet/
OK I logged in and adjusted the custom tab section and added <div style="width:520px;overflow:hidden;display:block;"> to the beginning, </div> to the end and removed the width styling in the middle.
I would recommend deleting your old post or changing the wpsupport user’s password since this is publicly viewable.
Let me know if it still is not working for you.
Working great. Thank you again
Hello, the three flyboxes on the site do not return completely to the side of the page on mobile. The last flybox used stays out about 1-2 pixels. Is this a setting that I can change?
It seems to go all the way to the side on my iphone. What mobile device did you try?
On iPhone 6 and Samsung Galazy note 3 we noticed it doing as in this screenshot:
http://37.60.233.12/~ultrapet/wp-content/uploads/2016/02/IMG_2419.png
It only does it on desktop if I resize the window to be very narrow. I dont know any instance to where anyone would use the site that way, but you may can see if you try it that way.
