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;
}
@ypawany
Copy link

ypawany commented Jan 17, 2015

Thank you so much, it's working perfectly.

@saosangmo
Copy link

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

@JillianKay
Copy link

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