Fixing Facebook Comments Box Suddenly Narrow or Shrinking on WordPress Website

Hello everyone, recently there has suddenly been a situation where many people are complaining that the Facebook comment box (Facebook Comments) on WordPress websites has unexpectedly shrunk in width, making the article layout look messy and less visually appealing. In this post, GiuseArt will show you how to fix it!

I’m not exactly sure what caused this issue and haven’t had much time to investigate. However, since my own website, GiuseArt.com, also encountered this problem, I tried to find a solution—and it worked. So if you’re experiencing a similar issue like the one below, try following my method!

Update: Facebook has fixed this issue, and Facebook Comments returned to normal on October 12, 2018.

Please copy and paste the CSS code below into your website’s custom CSS section.

Specifically:

• Most common way: Appearance > Editor > Style.css
• For Flatsome theme: Appearance > Customize > Style > Custom CSS > Custom CSS

.fb-comments, .fb-comments span, .fb-comments span iframe{
  width:100% !important;
  display:inline-block !important;
  max-width:100% !important
}

After that, save it and go back to your post to check the result!

Wish you success in fixing the issue.