Title: Responsive CSS Last modified: August 21, 2016 --- # Responsive CSS * [Faisal Humayun](https://wordpress.org/support/users/fhumayun/) * (@fhumayun) * [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-css-4/) * Really loving this plugin so far, being used [here](http://seekeraftertruth.com). * It’s fantastic on desktop sites, but is it possible for the css form be responsive for mobile views? * Thanks for such great work! Faisal * [https://wordpress.org/plugins/feedburner-optin-form/](https://wordpress.org/plugins/feedburner-optin-form/) Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/responsive-css-4/page/2/?output_format=md) [→](https://wordpress.org/support/topic/responsive-css-4/page/2/?output_format=md) * Plugin Author [jp2112](https://wordpress.org/support/users/jp2112/) * (@jp2112) * [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664245) * I can certainly add responsive CSS. Can you provide an example? I’ve been looking for a template that has prepopulated media query values for the most popular mobile devices. So I can just fill in the CSS for each. If you have any links that would be helpful. * Plugin Author [jp2112](https://wordpress.org/support/users/jp2112/) * (@jp2112) * [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664246) * I found a list: [http://css-tricks.com/snippets/css/media-queries-for-standard-devices/](http://css-tricks.com/snippets/css/media-queries-for-standard-devices/) * Thread Starter [Faisal Humayun](https://wordpress.org/support/users/fhumayun/) * (@fhumayun) * [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664247) * Hi JP – Thanks for following up. So glad you found some solutions. Would I need to manually paste those code snippets into the plugin’s css files (/wp-content/ plugins/feedburner-optin-form/css/) ? or will you be releasing an update? * Thanks again for checking in 🙂 * Thread Starter [Faisal Humayun](https://wordpress.org/support/users/fhumayun/) * (@fhumayun) * [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664252) * Hey JP – As of build 0.1.0, here’s what the optin form looks like [this](http://i.imgur.com/HzZxbI9.jpg) * You can [see it in real time here](http://quirktools.com/screenfly/#u=http%3A//www.seekeraftertruth.com/hafiz-in-a-handful-of-sky-earth/&w=360&h=640&a=38)( middle of the page). * Plugin Author [jp2112](https://wordpress.org/support/users/jp2112/) * (@jp2112) * [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664256) * I can add the code to the plugin CSS file so it stays with every update. Can you tell me specifically what you are looking to do? * I looked at your screenshot and it looks like the text in the textboxes needs to either shrink or disappear completely. Also the button doesn’t look wide enough. Is that your sidebar? * Thread Starter [Faisal Humayun](https://wordpress.org/support/users/fhumayun/) * (@fhumayun) * [12 years, 2 months ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664258) * Hey thanks for the reply JP – * If you click the 2nd link I posted, you’ll see an online tool which renders websites into tablet and mobile screen resolutions. * Basically, the screenshot is showing how the desktop version shows up on a mobile phone (not the sidebar). * I’m thinking it would be great if the form fields and submit button stacked vertically in mobile mode, via the responsive css; otherwise they can stay horizontally layed out in the desktop mode. Is that something that can be dynamically accomplished via css? * Thread Starter [Faisal Humayun](https://wordpress.org/support/users/fhumayun/) * (@fhumayun) * [12 years, 1 month ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664273) * Funnily, JP – The mobile responsive version I’m hoping to see is in the plugin’s header/banner logo. * [http://snap.ashampoo.com/UAtBbPTF](http://snap.ashampoo.com/UAtBbPTF) * Plugin Author [jp2112](https://wordpress.org/support/users/jp2112/) * (@jp2112) * [12 years ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664292) * Verified CSS responsiveness on iPhone, look out for the update in the next version. * Thread Starter [Faisal Humayun](https://wordpress.org/support/users/fhumayun/) * (@fhumayun) * [12 years ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664293) * Awesome JP, looking forward to it. * Thread Starter [Faisal Humayun](https://wordpress.org/support/users/fhumayun/) * (@fhumayun) * [12 years ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664294) * Hey JP – * I’m testing out the new build using [http://quirktools.com/screenfly](http://quirktools.com/screenfly) Is this the intended look? [http://snap.ashampoo.com/72QTIPUy](http://snap.ashampoo.com/72QTIPUy) * I’m using [http://goo.gl/sWxOuH](http://goo.gl/sWxOuH) as the test case. * Regards * Plugin Author [jp2112](https://wordpress.org/support/users/jp2112/) * (@jp2112) * [12 years ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664295) * Not exactly. It worked when I viewed my demo page on my iPhone: * [http://www.jimmyscode.com/wordpress/feedburner-optin-form/](http://www.jimmyscode.com/wordpress/feedburner-optin-form/) * The ‘main’ style is full width, but when viewed on iPhone it changes to be almost identical to the ‘sidebar’ style (which is the one in the plugin banner). Let me check it again. * Plugin Author [jp2112](https://wordpress.org/support/users/jp2112/) * (@jp2112) * [11 years, 11 months ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664298) * I checked your site on an iPhone 5S. It looks exactly as expected. Sorry but I don’t think that screenfly tool is working. My phone displays the style on your page exactly as you requested. * Thread Starter [Faisal Humayun](https://wordpress.org/support/users/fhumayun/) * (@fhumayun) * [11 years, 11 months ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664299) * Hey JP – * Thanks for looking into it. * I wonder if this is because the CSS media queries for resizing to iphone’s resolution is necessarily a different set of declaratives/number schemes than android based devices. * I don’t doubt that your tests on the iphone responsiveness is a grand slam; but, I’m also successfully duplicating the lack of responsiveness on some android based phones ( i’ve tried several LG,Samsung, and Google models ), including tablets running mobile views (e.g. Nexus 10, Kindle HDX) using the SILK/UC/Maxthon/ Dolphin Browsers. * Again, this might come down to what devices you might have on hand, and it might just be something for which a great testable solution can occur down the roadmap for this fantastic plugin. * So, thanks for all the effort. Cheers. * Thread Starter [Faisal Humayun](https://wordpress.org/support/users/fhumayun/) * (@fhumayun) * [11 years, 11 months ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664300) * PS – Screenshot directly taken from a Samsung S3 android [http://i.imgur.com/hcjPx0M.png](http://i.imgur.com/hcjPx0M.png) * Plugin Author [jp2112](https://wordpress.org/support/users/jp2112/) * (@jp2112) * [11 years, 11 months ago](https://wordpress.org/support/topic/responsive-css-4/#post-4664301) * You are right. The reso is different on Samsung S3, and the current CSS does not account for that. * According to screenfly, the only mobile devices that are covered are Apple and LG phones. (Maybe screenfly is good for something after all.) * Can you edit the fboif-main.css and change the max-device-width value to 640px and see if that works? Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/responsive-css-4/page/2/?output_format=md) [→](https://wordpress.org/support/topic/responsive-css-4/page/2/?output_format=md) The topic ‘Responsive CSS’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/feedburner-optin-form_f9dfcc.svg) * [Feedburner Optin Form](https://wordpress.org/plugins/feedburner-optin-form/) * [Frequently Asked Questions](https://wordpress.org/plugins/feedburner-optin-form/#faq) * [Support Threads](https://wordpress.org/support/plugin/feedburner-optin-form/) * [Active Topics](https://wordpress.org/support/plugin/feedburner-optin-form/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/feedburner-optin-form/unresolved/) * [Reviews](https://wordpress.org/support/plugin/feedburner-optin-form/reviews/) ## Tags * [buttons](https://wordpress.org/support/topic-tag/buttons/) * [css3](https://wordpress.org/support/topic-tag/css3/) * 19 replies * 4 participants * Last reply from: [tarheel83169](https://wordpress.org/support/users/tarheel83169/) * Last activity: [11 years, 8 months ago](https://wordpress.org/support/topic/responsive-css-4/page/2/#post-4664314) * Status: not resolved