I am using the facebook comment api, but it is not responsive, when the screen is small I wanted the width of the box to be different, how can I do that?
I am using the facebook comment api, but it is not responsive, when the screen is small I wanted the width of the box to be different, how can I do that?
I found the same question in the SOen . Change the classes in your CSS:
.fb-comments,
.fb-comments iframe[style] {
width: 100% !important;
}
Try also:
.fb_iframe_widget,
.fb_iframe_widget iframe[style],
.fb_iframe_widget span[style],
.fb_iframe_widget * {
width: 100% !important;
}
There's also a answer > which reads as follows:
This problem has been addressed by Facebook. You can now add data-width="100%" or set the width option to100% and delete any crazy js hacks as appropriate!
In a free translation, it's something like:
This problem has been addressed by Facebook. Now you can add the
width="100%"
property or set the width option to 100% and delete any hack js added!