CODEWITHSUNDEEP
javascripthtmlcss
Dusty
Dusty

Reputation: 1083

Facebook Comments plugin will not go width 100%

Here is the link to my page: http://whiterootmedia.com/database/test/mobile8.html

The comments plugin is a couple pixels to wide when minimized and when viewed on a mobile phone I think it goes to a width of 500px (I think).

Here's the css that I'm using now:

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

Upvotes: 0

Views: 234

Answers (1)

Praveen Kumar Purushothaman
Praveen Kumar Purushothaman

Reputation: 167250

It is already 100%. It should be caching issue!

Try pressing Ctrl + F5.

Screenshot

You should not give both border / margin / padding with 100% width. Instead, use a wrapper div, with the border, and inside that, the iframe has 100%. The problem is solved. And don't give any width or float to the parent div with the border.

Upvotes: 1

Related Questions