iframe not responsive

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

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.

Yes I used the below code for iframe section.

This is how I have used the code.

HTML section:

<div class=”wrapper”>
<div class=”h_iframe”>
<!– a transparent image is preferable –>
<img class=”ratio” src=”http://www.domain.com/wp-content/uploads/2014/09/imageedit_8_8679403744.png”/&gt;
<iframe frameborder=’0′ height=’300px’ width=’370px’ scrolling=’yes’ src=’iframe source link’ frameborder=”0″ allowfullscreen></iframe>
</div>
</div>

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%;}

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.

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

Hi Dartiss,

I have fixed that page breaking issue now.

You can see this page: 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. 🙁