Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save nucab/b9cbb82f5799742c7f54e260c3ac39e1 to your computer and use it in GitHub Desktop.
Save nucab/b9cbb82f5799742c7f54e260c3ac39e1 to your computer and use it in GitHub Desktop.
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment