How to make facebook comment box responsive

How to make facebook comment box responsive

The best and easy way to make facebook  comment box responsive for your website  is to override the box width with css. You can simply add the below code to your main.css (template.css or style.css) file and clear your browser cache before reloading your site to see the change. Now you’ll be good to go…

How to make facebook comment box responsive Click To Tweet

Code for responsive facebook comment box :


.fb_iframe_widget {width:100%!important}
.fb_iframe_widget span {width:100%!important;}
.fb_iframe_widget span iframe{width:100%!important;}

 

 

 

Tags :

css for responsive facebook comment box

Responsive facebook comment box for website

Sharing is caring!

Suanlian Tangpua
Follow him

Suanlian Tangpua

Suanlian Tangpua is a Graphic & Website Designer based in New Delhi. He loves photography, cooking and blogging. Feel free to contact him at [email protected]
Suanlian Tangpua
Follow him

One Comments

  • dawn October 26, 2016 Reply

    Thank you. You’re so helpful.

Leave a Reply