Facebook comments box - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
July 12, 2015 at 12:54 am #471922

fmpedro
Participant

Hi,

I added the facebook comments plugin (https://developers.facebook.com/docs/plugins/comments) in my website, but I am having a hard time to make it responsive.

This is how it looks right now: http://californiaintercambio.com.br/this-is-a-nice-post/

I used this code in my single.php file:
echo ‘<div class=”fb-comments” data-href=”http://californiaintercambio.com.br/blog/” data-width=”100%” data-numposts=”5″></div>’;

I tried adding the code below too, but it didnt work.
data-adapt-container-width=”true”

I appreciate any suggestions.
Thanks, Frederico

July 13, 2015 at 1:28 pm #472392
Andy
Inactive Moderator
Hi fmpedro!

it looks good to me on mobile. About which device are you talking about? try this code to gain control over width on different screen sizes, for iPhone use this:
```
@media only screen and (max-width: 736px) {
.fb_iframe_widget iframe {
width: 80% !important;
}}
```
and adjust as needed.

Best regards,
Andy
July 14, 2015 at 12:41 am #472773

fmpedro
Participant

It doesn’t look right when I visit the website on my laptop, using Google Chrome. Here is how it looks.

It doesn’t look right on my iphone too. Here is how it looks. So, the problem is probably not just with one type of device.

July 14, 2015 at 4:18 pm #473281

Ismael
Moderator

Hi!

I want to check the page but this link isn’t loading: http://californiaintercambio.com.br/this-is-a-nice-post/

Cheers!
Ismael

July 14, 2015 at 7:40 pm #473400

fmpedro
Participant

It is working for me. Please try opening it again.

July 15, 2015 at 1:20 pm #473701
Yigit
Keymaster
Hey!

Please add following code to Quick CSS
```
.fb_iframe_widget_fluid span {
  width: 100%!important;
}
```
Best regards,
Yigit
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.