Responsive Facebook comments

[yumiko]

Hi,

Thank you for your excellent extensions!

I'm trying to making facebook comments responsive, I've tried to set as below,

Code: Select all

#phoca-facebook-comments .pfbcc {
width: 100% !important;
}

but it doesn't work...

I'm using of the latest version of facebook comments module.

Thank you for any help!!

[Jan]

Hi, which version you are running. You can set it in Options.

Jan

[yumiko]

Hi,
I run my site with joomla 2.5, I'm using your mod_phoca_facebook_comments_v3.0.0.zip version.

When I set 100% as the width of facebook comments, It apears 100px...
When I set ex.500px, it doesn't seem comment responsive, loading with mobile phone...

Thank you for your help!

[Jan]

Hi, you should use version 2.0.7:
https://www.phoca.cz/download/category/5 ... nts-module

modules/mod_phoca_facebook_comments\tmpl\default.php

cca line 112

change from:

Code: Select all

echo '<fb:comments href="'.  $tmpl['uri'] .'" '.$cCount.' width="'.  (int)$tmpl['fb_comment_width'] .'" '.$colorScheme.'></fb:comments>';

e.g. to:

Code: Select all

echo '<fb:comments href="'.  $tmpl['uri'] .'" '.$cCount.' style="width:'.  (int)$tmpl['fb_comment_width'] .'" '.$colorScheme.'></fb:comments>';

so you will be able to add percentage width.

Jan

[yumiko]

Thank you for the code!
I really appreciate for your module and your help!

[xaashley]

Hi there,

Looking for a solution to a problem I'm having and tried this method. While it did let me use percentage widths, it did NOT fix my problem.

When viewing a page with the fb comments module on a mobile phone (_ _ 4) i cannot see the submit button and, thus, cannot post any comments. This is a most troubling problem as most of our viewers are college students on their phones!

Any suggestions?

[Jan]

Hi, do you use some standard web browser in your mobile?

Jan

[xaashley]

I use Safari - I assume that's considered standard? Thanks!

[Jan]

Hi, yes, this should be Ok, which version of the module you are using?

[easy]

I use comment module 2.0.7.
Dont work for me these solution. The modul is not responsive. Please help me how i can set it.