How to make Facebook comment box responsive?

If you want to know how to make Facebook comment box responsive? We have an easy way to make Facebook comment box responsive for your website. We need to override default Facebook’s default css class. Add the below code to your css file, and get the Facebook comment responsive website.

You can use the following custom CSS:

/* FB Comments responsive */

@media only screen and (max-width: 767px) {
.fb-comments {
width: 100% !important;
}
.fb-comments iframe[style] {
width: 100% !important;
}
.fb-like-box {
width: 100% !important;
}
.fb-like-box iframe[style] {
width: 100% !important;
}
.fb-comments span {
width: 100% !important;
}
.fb-comments iframe span[style] {
width: 100% !important;
}
.fb-like-box span {
width: 100% !important;
}
.fb-like-box iframe span[style] {
width: 100% !important;
}
}