Heather Ritchey
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
(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
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
This project is over. No resolution for that external fb iframe pop up. Thank you for trying Jessica.
</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.