Title: iframe not responsive Last modified: September 1, 2016 --- # iframe not responsive * [kryptojdubai](https://wordpress.org/support/users/kryptojdubai/) * (@kryptojdubai) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/) * Hello, * The iframe doesn’t appear to be responsive on tablets. * How do I make the iframe response? Viewing 13 replies - 1 through 13 (of 13 total) * [David Artiss](https://wordpress.org/support/users/dartiss/) * (@dartiss) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685319) * Which iframe are you referring to? Do you have a link to it? * Thread Starter [kryptojdubai](https://wordpress.org/support/users/kryptojdubai/) * (@kryptojdubai) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685340) * Thanks for the reply. * iframe plugin by webvitaly. * It doesn’t show scroll on mobile/tablets. * Here’s the link to the page: [http://goo.gl/HzMWcw](http://goo.gl/HzMWcw) * I have fixed this page to some extent since the time I posted the question here. Earlier it wasn’t responsive and had no scroll. Now that I worked on it, but the scroll still doesn’t appear on mobile devices. * Could you help with a solution? * Thanks. * [David Artiss](https://wordpress.org/support/users/dartiss/) * (@dartiss) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685342) * I think the responsiveness of the IFRAME is not your biggest issue. When viewing this in Chrome on W10 the site breaks at the point of the IFRAME, displaying no further content. * Is the IFRAME section some code you’ve added? And, if so, how? * Thread Starter [kryptojdubai](https://wordpress.org/support/users/kryptojdubai/) * (@kryptojdubai) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685345) * Yes I used the below code for iframe section. * This is how I have used the code. * HTML section: *
* CSS Section * .wrapper {width:100%;height:100%;margin:0 auto;background:#ffffff} .h_iframe{ position:relative;} .h_iframe .ratio {display:block;width:100%;height:auto;} . h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;} * [David Artiss](https://wordpress.org/support/users/dartiss/) * (@dartiss) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685347) * Hmm, not sure if it’s related to this code but I’m now trying in Chrome on Mac and as soon as I scroll down to it, no further content appears and the scrolling stops working. The page source shows the rest of the page being generated so it may just be messing up the scrolling. * Thread Starter [kryptojdubai](https://wordpress.org/support/users/kryptojdubai/) * (@kryptojdubai) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685388) * hmmm.. Not sure what it is.. * But if you check that page on a laptop and on a mobile/tablet, you will notice the scroll is present on laptop and absent on a mobile device. * You will have to type-in a country name in search to see the scroll. * Any idea, what could be the problem? * I am unable to figure out a solution for this. * [David Artiss](https://wordpress.org/support/users/dartiss/) * (@dartiss) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685392) * Could I ask you, temporarily, to remove the IFRAME? I want to see if the page works okay without it. * Thread Starter [kryptojdubai](https://wordpress.org/support/users/kryptojdubai/) * (@kryptojdubai) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685436) * Here’s another page on the website where I have not used the iframe code (the one that’s used in the page you are checking) but an iframe plugin (by webvitaly). * Even this page seems to break while scrolling down. Could it be an issue with the external page that’s being called by the iframe. * Link to page: goo.gl/jHeXdT * [David Artiss](https://wordpress.org/support/users/dartiss/) * (@dartiss) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685437) * It could be. We’ll only know for certain if you can create one of the scrolling pages but without an IFRAME. * Thread Starter [kryptojdubai](https://wordpress.org/support/users/kryptojdubai/) * (@kryptojdubai) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685452) * Hi Dartiss, * I have fixed that page breaking issue now. * You can see this page: [http://www.voip1click.com/buy-credit/](http://www.voip1click.com/buy-credit/) * But now the original issue still persists. There is no scroll for the iframe content when viewed from mobile/tablet/iPad while the scroll appears when viewed from a desktop. * Cant seem to find a way to fix this one. 🙁 * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685453) * Hi [@kryptojdubai](https://wordpress.org/support/users/kryptojdubai/), We don’t allow shortened links so please only post what you’re comfortable with being public. * [David Artiss](https://wordpress.org/support/users/dartiss/) * (@dartiss) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685455) * Hmm, I can see you have the IFRAME scrolling switched on. This appears, to me, more an issue with an interaction with the theme and the scrolling built into that. * As this is a commercial theme I would suggest contacting them via their forum… [http://forum.muffingroup.com/betheme/](http://forum.muffingroup.com/betheme/) * Thread Starter [kryptojdubai](https://wordpress.org/support/users/kryptojdubai/) * (@kryptojdubai) * [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685456) * Ok. Will contact them. * Thank you. Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘iframe not responsive’ is closed to new replies. * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 13 replies * 3 participants * Last reply from: [kryptojdubai](https://wordpress.org/support/users/kryptojdubai/) * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/iframe-not-responsive-1/#post-7685456) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics