Reszponzív facebook kommentek

Nézegettem, hogy milyen lehetőségekkel lehet megoldani a kommentelést egy WordPress oldalon. A beépített helyett a Facebook kommentekre koncentráltam. Viszont azt találtam, hogy alapból nincs felkészítve a reszponzív felületre. Ennek jártam utána.

A comments.php-ba a következőt kell betenni:

<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-num-posts="2" mobile="false"></div>

A CSS-be pedig ennyit:

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}

.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

Ezzel a pár sorral mennie kell, próbaként ebben a postban megengedtem a kommentelési lehetőséget. Ki lehet próbálni.