Title: Making Facebook Comments Responsive
Last modified: August 20, 2016

---

# Making Facebook Comments Responsive

 *  Resolved [RWSD](https://wordpress.org/support/users/rwsd/)
 * (@rwsd)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/)
 * Hey Guys,
 * Not sure if this is the best place to post this but i’m sure some of you have
   done this before.
 * I’m having a big issue trying to make Facebook comments responsive. I’ve come
   across so many posts saying “just do this..
 * #fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[
   style], #fbcomments iframe[style] {
    width: 100% !important; }
 * But this literally does nothing for me.
 * The site i’m trying this on is ourvinyl.com. you could go to any of the post 
   pages and see what i’m talking about. Can’t get it to collapse.
 * Thanks for any help.
 * -Matt

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [azabu](https://wordpress.org/support/users/azabu/)
 * (@azabu)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/#post-2804716)
 * Hi,
 * You can use this code to your php.
 *     ```
       <div class="fb-comments"data-href="<?php the_permalink(); ?>" data-num-posts="2" mobile="false"></div>
       <style>.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;}
       </style>
       ```
   
 * It can be help you 😉
 *  Thread Starter [RWSD](https://wordpress.org/support/users/rwsd/)
 * (@rwsd)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/#post-2804734)
 * I will put this to the test later today and i’ll let you know if it works. Thank
   you very much.
 *  Thread Starter [RWSD](https://wordpress.org/support/users/rwsd/)
 * (@rwsd)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/#post-2804742)
 * Works Great! thank you so much!
 *  [azabu](https://wordpress.org/support/users/azabu/)
 * (@azabu)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/#post-2804744)
 * Sounds good !
    If you find people who have same trouble, please let them know
   🙂
 *  [jakobde](https://wordpress.org/support/users/jakobde/)
 * (@jakobde)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/#post-2804828)
 * I am having the same problem with my facebook like box widget. I.e. I want to
   make it responsive. Can i use the same code as the one above? If yes, where should
   I put the code? Sorry I am such a beginner but i am eager to learn 🙂
 *  Thread Starter [RWSD](https://wordpress.org/support/users/rwsd/)
 * (@rwsd)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/#post-2804829)
 * Are you trying to get your like box to stretch across an area? Post a link if
   you can.
 *  [azabu](https://wordpress.org/support/users/azabu/)
 * (@azabu)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/#post-2804830)
 * Hi,
    Now you can use Facebook official plugin, just put the comments. Then use
   css below
 *     ```
       .fb-comments span {
           width: 100% !important;
       }
       .fb-comments iframe {
           width: 100% !important;
       }
       ```
   
 * Regards,
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 1 month ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/#post-2804841)
 * [@whateverfree2](https://wordpress.org/support/users/whateverfree2/), See [WordPress’ trademark policy](http://wordpressfoundation.org/trademark-policy/)
   regarding your domain name.
 *  [zofie86](https://wordpress.org/support/users/zofie86/)
 * (@zofie86)
 * [12 years, 12 months ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/#post-2804842)
 *     ```
       <div class="fb-comments"data-href="<?php the_permalink(); ?>" data-num-posts="2" mobile="false"></div>
       <style>.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;}
       </style>
       ```
   
 * Worked brilliantly!!
 *  [dreamingofherbs](https://wordpress.org/support/users/dreamingofherbs/)
 * (@dreamingofherbs)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/#post-2804845)
 * where do i put the above css? into the themes custom css? a custom css plugin?
   or somewhere within the facebook plugin info?
 * sorry i’m very new to all of this

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Making Facebook Comments Responsive’ is closed to new replies.

## Tags

 * [Comments](https://wordpress.org/support/topic-tag/comments/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [html](https://wordpress.org/support/topic-tag/html/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 10 replies
 * 6 participants
 * Last reply from: [dreamingofherbs](https://wordpress.org/support/users/dreamingofherbs/)
 * Last activity: [12 years, 10 months ago](https://wordpress.org/support/topic/making-facebook-comments-responsive/#post-2804845)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics