How to make Facebook Comments responsive – WordPress
Facebook doesn´t provide a Facebook Comment solution for responsive (fluid grid) websites. When the browser window re-sized smaller, the facebook comment plugin will break out the layout of your page. To solve the problem just add the following code to your site´s stylesheet (wordpress = style.css) and your facebook comments will be responsive 
#fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], #fbcomments iframe[style] {
width: 100% !important;
}
|
How to make Facebook Comments responsive – WordPress,
Weiter unten kannst Du ein Kommentar zu How to make Facebook Comments responsive – WordPress schreiben und Kommentare lesen.
8 Kommentare
It works great but applies a 300px width on the like button, if you have one on the page.
It doesn’t work for me. right now iam using overflow:hidden so that my fb comments dont break from the layout
Actually, this is wrong. The correct code is:
.fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span { width: 100% !important; }Actually the same problems with your code.
Try using this instead (to fix the issue with like buttons being affected):
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
width: 100% !important;
}
this code worked for me….thanks a lot
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
width: 100% !important;
}
Same problem on iPhone
(((
You rocks my friend! Thanks!!!!