Facebook comments not responsive
By bastienh on Monday, 02 June 2014
Posted in General Issues
Replies 5
Likes 0
Views 773
Votes 0
Hi,

I'm facing an issue with Facebook comments box. Since a few uptades (didn't notice it at first) the comments box is not responsive anymore.
I still have the custom lines in my css you guys gave me a few months ago but it doesn't seem to be working anymore.
The container seems to have the 100% width !important attribute when looking with firebug but not the comments(fixed width). I can make it responsive when replacing the fixed width with 100% but can't find how to do it through custom css (doing it in element style with firebug).

Here are the lines you gave me and added to my custom css:
#eblog-wrapper #section-comments .fb_iframe_widget,

#eblog-wrapper #section-comments .fb_iframe_widget span:first-child,

#eblog-wrapper #section-comments .fb_iframe_widget iframe {

	width: 100% !important;

}


Can you help me?

Thanks
Hello bastienh,

Try apply the following CSS code and see how it goes.

JoomlaFolder\components\com_easyblog\themes\default\css\styles.css



/* Facebook Comments */

#eblog-wrapper .fb-comments{

	width: 100%;

}



#eblog-wrapper .fb-comments span,

#eblog-wrapper .fb-comments iframe{

	width: 100% !important;

}


JoomlaFolder\components\com_easyblog\themes\default\comment.facebook.php
LINE 26


<div class="fb-comments" data-colorscheme="<?php echo $system->config->get

//Replace with

<div class="fb-comments" data-width="100%" data-colorscheme="<?php echo $system->config->get
Arlex Wong
·
Monday, 02 June 2014 18:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello bastienh,

Sorry for late reply to this,
Can i have your Joomla backend and FTP access so we can help you check on this? Please advise.
Arlex Wong
·
Monday, 02 June 2014 17:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

I knew you would need to access the site but as of now it isn't online yet.
All i can provide is a screenshot or anything else you want (screenshot with firebug if you want)

Thanks
bastienh
·
Monday, 02 June 2014 17:27
·
0 Likes
·
0 Votes
·
0 Comments
·
The changes to comment.facebook.php did the trick! Thanks, you're the best!
bastienh
·
Monday, 02 June 2014 19:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating, glad that your issues are resolved now.
Mark
·
Monday, 02 June 2014 23:21
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post