I really want to use the Facebook comments but I need it to work for mobile. The width is currently set at 550px. I tried some fixes from suggestions on WP forums but none are working.
Where do I have to go to fix this width or customise the FB comments in your theme?
the theme only uses the embed code from FB app, CSS is loaded from their server and they make it hard to customize. I don't know about this honestly I believe Google it's the way to go.
Making a web search for "Responsive facebook comments" I found this code, it might be useful (untested):
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;}
Hi djwd
I really want to use the Facebook comments but I need it to work for mobile. The width is currently set at 550px. I tried some fixes from suggestions on WP forums but none are working.
Where do I have to go to fix this width or customise the FB comments in your theme?
Thanks
Hi there,
the theme only uses the embed code from FB app, CSS is loaded from their server and they make it hard to customize. I don't know about this honestly I believe Google it's the way to go.
Making a web search for "Responsive facebook comments" I found this code, it might be useful (untested):
.fb-comments{width: 100% !important;} .fb-comments iframe[style]{width: 100% !important;} .fb-like-box{width: 100% !important;} .fb-like-box iframe[style]{width: 100% !important;} .fb-comments span{width: 100% !important;} .fb-comments iframe span[style]{width: 100% !important;} .fb-like-box span{width: 100% !important;} .fb-like-box iframe span[style]{width: 100% !important;}Regards
djwd
Regards
djwd
I tried that search already, tried countless amounts of CSS fixes!
Amazing really how they have left it so long...
I guess I will try Disqus again for now. I tried Jetpack but it breaks the theme/website everytime...
Thanks Djwd