Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Flexible width layout for Facebook Like Box/Activity Stream to use in Responsive Designs
/*
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;
}
@jesseshowalter
Copy link

jesseshowalter commented Apr 15, 2014

Thanks so much, this did the trick

@emblisha
Copy link

emblisha commented Sep 2, 2014

thanks soo much it works great

@urmilshah13
Copy link

urmilshah13 commented Sep 3, 2014

perfect

@thethao
Copy link

thethao commented Sep 20, 2014

thank!

@gordonbanderson
Copy link

gordonbanderson commented Oct 10, 2014

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 :(

@kennyjamell
Copy link

kennyjamell commented Oct 25, 2014

Thanks a lot!! it works perfectly for me!

@hoangthien0291
Copy link

hoangthien0291 commented Nov 7, 2014

Thanks, copy -> paste in css file and done...

@Nashu99
Copy link

Nashu99 commented Dec 13, 2014

Thank you, works perfectly

Happy New Year 2015 Wallpapers

http://happynewyear2015wallpapersimages.blogspot.in

@ypawany
Copy link

ypawany commented Jan 17, 2015

Thank you so much, it's working perfectly.

@saosangmo
Copy link

saosangmo commented Sep 9, 2015

Do not work for me. Could you reiview it?
http://huongnghiepnhatban.com
many thanks

@JillianKay
Copy link

JillianKay commented Dec 20, 2015

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