Adress
Lazimpat, Kathmandu, Nepal
Call us
+977-4441620
Mail us
[email protected]

How to make Facebook comment box responsive?

Facebook Comment Box

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;
}
}

 

Screenshot of Facebook comment box is taken from https://tutsgallery.com/

 


Webtech Nepal excels at custom design and front end development. We love taking on challenging projects that require full-on content strategy, thoughtful design, demanding development, and ongoing marketing.