Responsive facebook like and comment box

If the plugin code you used for facebook like, comment and share box isn’t responsive, then adding following to the CSS file will solve your problem. Make sure class name matches with the plugin code’s class.





Your Gift of $200 Cloud Hosting Credit is Here. Claim Now!


    @media only screen and (max-width: 767px)
      {
       .fb-comments {
          width: 100% !important;
         }
      .fb-comments iframe[style]
        {
         width: 100% !important;
        }
      .fb-like
        {
         width: 100% !important;
        }
      .fb-like iframe[style]
        {
         width: 100% !important;
        }
      .fb-comments span
        {
         width: 100% !important;
        }
      .fb-comments iframe span[style]
        {
         width: 100% !important;
        }
      .fb-like span
        {
         width: 100% !important;
        }
      .fb-like iframe span[style]
        {
         width: 100% !important;
        }
      }
Before you go, let's stay connected
About the Author
Lakshman Basnet
Nepali Digital Media Marketer currently based in Adelaide, South Australia who apart from playing with his cat - Eleven, also enjoys developing web content, publishing blogs and YouTube videos in his free time.

Jekyll sitemap generator!

Leave a Comment