Das von Facebook zur Verfügung gestellte „Facebook Comments Plugin“ unterstützt leider keine responsiven Webseiten.
Besitzer einer responsiven Webseite verzichten oft auf den Einsatz dieses Plugins, da das Plugin bei kleinerer Darstellung wie beispielsweise auf mobilen Endgeräten das Layout bricht.
Damit man das Facebook Comment Plugin also auf responsiven Webseiten nutzen kann, bedarf es nur eines kleinen Zusatz in der Stylesheet (style.css). Diese einfach mit einem geeigneten Editor offnen und folgenden Code einfügen:
#fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], #fbcomments iframe[style] {
width: 100% !important;
}
Viel Spaß damit ;-)
ÜBRIGENS:
Wer allgemein die Comments in die eigenen Webseite ohne Plugin einfügen möchte sollte mal hier schauen: Facebook Comments ohne Plugin in WordPress einfügen
