Title: [Plugin: WordPress Connect] Fluid Width CSS for WP Connect Comments iframe? Last modified: August 20, 2016 --- # [Plugin: WordPress Connect] Fluid Width CSS for WP Connect Comments iframe? * [darren-c](https://wordpress.org/support/users/darren-c/) * (@darren-c) * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-wordpress-connect-fluid-width-css-for-wp-connect-comments-iframe/) * Hi * This plugin is great, but unfortunately doesn’t support responsive design websites( mobile, desktop etc). * So, does anyone know the CSS required to override the problem with fixed pixels width? Ideally this plugin needs to be updated so that % can be set in the wp admin section, rather than pixels. * Thanks, * D * [http://wordpress.org/extend/plugins/wordpress-connect/](http://wordpress.org/extend/plugins/wordpress-connect/) Viewing 6 replies - 1 through 6 (of 6 total) * Plugin Author [scibuff](https://wordpress.org/support/users/scibuff/) * (@scibuff) * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-wordpress-connect-fluid-width-css-for-wp-connect-comments-iframe/#post-3041563) * Hi, I’m not exactly sure what you mean. Could you please elaborate a bit, e.g. a web/screenshot of the problem etc. * Thanks * Thread Starter [darren-c](https://wordpress.org/support/users/darren-c/) * (@darren-c) * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-wordpress-connect-fluid-width-css-for-wp-connect-comments-iframe/#post-3041565) * [@scibuff](https://wordpress.org/support/users/scibuff/), I’ve just updated/converted my WordPress website theme to a ‘responsive’ WordPress theme called Fluid, so that it displays correctly on mobile devices. * I’m slowly customising the theme… all was going well until I noticed that the FaceBook Comments plugin ‘WP Connect’ is not displaying the FaceBook Comments iframe plugin correctly. This is because the plugin only gives the option to adjust it’s width by setting a fixed width in pixels in the wp admin section. What I need is to be able to set it as a percentage, but that is currently not available using this plugin. * I’ve noticed that a lot of other people have had the same issue, and I’ve seen a few solutions such as this one: [http://stackoverflow.com/questions/7447483/how-to-make-facebook-comments-widget-a-fluid-width](http://stackoverflow.com/questions/7447483/how-to-make-facebook-comments-widget-a-fluid-width) but, these solutions don’t seem to work on my site, I’m assuming because there is a conflict between the JS/PHP generated inline styles and the CSS used by the Fluid theme, which I am now trying to crack… * WordPress Theme: [http://themefit.com/responsive-wordpress-themes/fluid/](http://themefit.com/responsive-wordpress-themes/fluid/) WordPress Plugin: [http://wp-connect.tomasvorobjov.com/](http://wp-connect.tomasvorobjov.com/)( Version 2.0.3) * Thanks D. * Plugin Author [scibuff](https://wordpress.org/support/users/scibuff/) * (@scibuff) * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-wordpress-connect-fluid-width-css-for-wp-connect-comments-iframe/#post-3041587) * It’s been a while since I worked on this plugin … back then the facebook comments could have a width specified in the appropriate html tag but it accepted only pixel values. If percentage is now supported I’ll add it, if not I’ll have a look at some kind of css hack. * Thanks * Thread Starter [darren-c](https://wordpress.org/support/users/darren-c/) * (@darren-c) * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-wordpress-connect-fluid-width-css-for-wp-connect-comments-iframe/#post-3041589) * Thanks scibuff! Massively appreciated, I’m sure this will help a lot of people experiencing the same problem. Thanks for your help! 🙂 * Plugin Author [scibuff](https://wordpress.org/support/users/scibuff/) * (@scibuff) * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-wordpress-connect-fluid-width-css-for-wp-connect-comments-iframe/#post-3041614) * Ok, I’ll see what I can do but have you actually tried viewing it on a mobile? I’m just asking because of the following (taken from facebook.com) * > The mobile version will automatically show up when a mobile device user agent > is detected. You can turn this behavior off by setting the mobile parameter > to false. Please note: the mobile version ignores the width parameter, and > instead has a fluid width of 100% in order to resize well in portrait/landscape > switching situations. You may need to adjust your CSS for your mobile site > to take advantage of this behavior. If preferred, you can still control the > width via a container element. * Thread Starter [darren-c](https://wordpress.org/support/users/darren-c/) * (@darren-c) * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-wordpress-connect-fluid-width-css-for-wp-connect-comments-iframe/#post-3041636) * …yep I read that all hopeful, but it doesn’t display at all using my iphone. * If you look at that page you mentioned (fb dev), and try and grab the code, it give this message: “This plugin does not have an iframe implementation. Please use the JavaScript SDK and the XFBML or HTML5 implementations.” not sure if that might have anything to do with it? Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘[Plugin: WordPress Connect] Fluid Width CSS for WP Connect Comments iframe?’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/wordpress-connect.svg) * [Wordpress Connect](https://wordpress.org/plugins/wordpress-connect/) * [Frequently Asked Questions](https://wordpress.org/plugins/wordpress-connect/#faq) * [Support Threads](https://wordpress.org/support/plugin/wordpress-connect/) * [Active Topics](https://wordpress.org/support/plugin/wordpress-connect/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/wordpress-connect/unresolved/) * [Reviews](https://wordpress.org/support/plugin/wordpress-connect/reviews/) ## Tags * [Comments](https://wordpress.org/support/topic-tag/comments/) * 6 replies * 2 participants * Last reply from: [darren-c](https://wordpress.org/support/users/darren-c/) * Last activity: [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-wordpress-connect-fluid-width-css-for-wp-connect-comments-iframe/#post-3041636) * Status: not resolved