Responsive Facebook comments

Phoca modules - support for all Phoca modules except Phoca Gallery modules
yumiko
Phoca Newbie
Phoca Newbie
Posts: 3
Joined: 31 Mar 2014, 08:57

Responsive Facebook comments

Post by 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... :cry:

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

Thank you for any help!!
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48345
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Responsive Facebook comments

Post by Jan »

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

Jan
If you find Phoca extensions useful, please support the project
yumiko
Phoca Newbie
Phoca Newbie
Posts: 3
Joined: 31 Mar 2014, 08:57

Re: Responsive Facebook comments

Post by 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!
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48345
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Responsive Facebook comments

Post by 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
If you find Phoca extensions useful, please support the project
yumiko
Phoca Newbie
Phoca Newbie
Posts: 3
Joined: 31 Mar 2014, 08:57

Re: Responsive Facebook comments

Post by yumiko »

Thank you for the code!
I really appreciate for your module and your help! :twisted:
xaashley
Phoca Member
Phoca Member
Posts: 16
Joined: 07 May 2012, 05:16

Re: Responsive Facebook comments

Post by 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?
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48345
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Responsive Facebook comments

Post by Jan »

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

Jan
If you find Phoca extensions useful, please support the project
xaashley
Phoca Member
Phoca Member
Posts: 16
Joined: 07 May 2012, 05:16

Re: Responsive Facebook comments

Post by xaashley »

I use Safari - I assume that's considered standard? Thanks!
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48345
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Responsive Facebook comments

Post by Jan »

Hi, yes, this should be Ok, which version of the module you are using?
If you find Phoca extensions useful, please support the project
easy
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 07 Jun 2014, 19:11

Re: Responsive Facebook comments

Post by 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.
Post Reply