How to make Facebook comment box responsive?
- Thursday, February 2, 2017, 3:08
- CSS, How-to
- 4 comments
Responsive sites are very important now a days. Because it ranks well in the search engines. Sometimes third party widgets like facebook like box and comment box can perform worst. In such case you need to write your own css to make facebook comment box responsive. Here is the css code to make facebook comment box responsive:
CSS to make Facebook comment box responsive
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
@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; } } |
Please do not forget to leave your comment if it helped you!! Thanks have a nice day!!
About the Author
4 Comments on “How to make Facebook comment box responsive?”
Write a Comment
Gravatars are small images that can show your personality. You can get your gravatar for free today!
Thank you so much for this!!
Worked like a charm, thank you!
sir still working? I need for my programming presentation.
Hi Sir,
Nice Work, thanks alot.