Created
May 1, 2012 20:37
-
-
Save smeranda/2571173 to your computer and use it in GitHub Desktop.
Flexible width layout for Facebook Like Box/Activity Stream to use in Responsive Designs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Make the Facebook Like box responsive (fluid width) | |
https://developers.facebook.com/docs/reference/plugins/like-box/ | |
*/ | |
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */ | |
#fb-root { | |
display: none; | |
} | |
/* To fill the container and nothing else */ | |
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { | |
width: 100% !important; | |
} |
thanks soo much it works great
perfect
thank!
I've just resolved a similar issue using the CSS from http://stackoverflow.com/questions/24712583/make-a-facebook-like-box-responsive - however full width page responsive still leaves half the page blank on a 1600px wide monitor :(
Thanks a lot!! it works perfectly for me!
Thanks, copy -> paste in css file and done...
Thank you, works perfectly
Happy New Year 2015 Wallpapers
Thank you so much, it's working perfectly.
Do not work for me. Could you reiview it?
http://huongnghiepnhatban.com
many thanks
Thanks smeranda:
I've seen this one on http://www.urgentfiles.com/ but didn't find coding, Now you really help me with finding this code.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks so much, this did the trick