{"id":207,"date":"2017-02-02T03:08:37","date_gmt":"2017-02-02T03:08:37","guid":{"rendered":"http:\/\/rat32.com\/rat32\/?p=207"},"modified":"2017-02-02T03:08:37","modified_gmt":"2017-02-02T03:08:37","slug":"how-to-make-facebook-comment-box-responsive","status":"publish","type":"post","link":"https:\/\/rat32.com\/rat32\/2017\/02\/02\/how-to-make-facebook-comment-box-responsive\/","title":{"rendered":"How to make Facebook comment box responsive?"},"content":{"rendered":"<p>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:<\/p>\n<p><strong>CSS to make Facebook comment box responsive<\/strong><\/p>\n<pre class=\"lang:css decode:true \" >@media only screen and (max-width: 767px) {\r\n   .fb-comments {\r\n    width: 100% !important;\r\n   }\r\n.fb-comments iframe[style] {\r\n   width: 100% !important;\r\n  }\r\n.fb-like-box {\r\n   width: 100% !important;\r\n  }\r\n.fb-like-box iframe[style] {\r\n   width: 100% !important;\r\n  }\r\n.fb-comments span {\r\n   width: 100% !important;\r\n  }\r\n.fb-comments iframe span[style] {\r\n   width: 100% !important;\r\n  }\r\n.fb-like-box span {\r\n   width: 100% !important;\r\n  }\r\n.fb-like-box iframe span[style] {\r\n   width: 100% !important;\r\n  }\r\n}<\/pre>\n<p>Please do not forget to leave your comment if it helped you!! Thanks have a nice day!!<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>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&#46;&#46;&#46;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,7],"tags":[136,81,135,138,139,137],"class_list":["post-207","post","type-post","status-publish","format-standard","hentry","category-css","category-how-to","tag-comment-box","tag-css","tag-facebook","tag-facebook-comment-box-responsive","tag-facebook-css","tag-responsive"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/posts\/207"}],"collection":[{"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":1,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/posts\/207\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/posts\/207\/revisions\/208"}],"wp:attachment":[{"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/media?parent=207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/categories?post=207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/tags?post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}