Link to home
Start Free TrialLog in
Avatar of Heather Ritchey
Heather RitcheyFlag for United States of America

asked on

Facebook like popin box displaying past browser edge.

In mobile view I have a facebook like button show in the top right corner of the header: http://supersized.com/
(You can see the mobile view by making your browser skinny.)

When you click on the button and the box shows to type your comment and post, it's going past the browser edge making it unusable. I'm having trouble getting any css to take affect correctly to move it into the viewable area. I know it's difficult to try to work with and style external iframes. Anyone have any ideas?
2015-07-16-1230.png
Avatar of Member_2_6317024
Member_2_6317024
Flag of United States of America image

I'm guessing you have a <div class="container">
                                                            </div>
The one thing I know will prevent resizing for mobile even with the correct checks in your css will be if you have padding in your textboxes, size = in them. Things like that. They need to remain flexible in order to be responsive. You can use col-md or col-sm grid sizing if need be for visual appeal.
Avatar of Heather Ritchey

ASKER

Facebook uses an iframe and that box displays when you hit the like button. But they don't have an option to choose if the box shows up left or right under the like button, so I can't find a way to force some css to readjust just that box and not affect the like button.
ASKER CERTIFIED SOLUTION
Avatar of Member_2_6317024
Member_2_6317024
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
This project is over. No resolution for that external fb iframe pop up. Thank you for trying Jessica.