responsive problem on mobile

can somebody help please ?

Sorry to see that your question has not been addressed yet because I have the same problem.

I am using a very popular Classifieds theme and the dev indicated an interest in using this plugin as a standard feature but he showed me on the mobile form that’s not formated correctly.

Is there anything we can do to fix it?

Regards

Johan
P.S. Great plugin ??

Iframe plugin uses standard {iframe} html tag with width=100% by default.
If the browser on mobile device cannot adjust iframe on the screen size than the problem is in browser and I don’t know how to fixed with the Iframe plugin.

Thanks. Any suggestions on who may have a solution?

if we put our iframe in an div and change the size for the différent size of the screen may it work ? that’s the only idea i got.. div in percent maybe..

HI,
same problem for us with *all* iFrames elements on stuff like iPad .. the whole frame runs off the side of the screen in portrait and doesn’t remain in the responsive column.

From reading up on this – not an issue with the plugin btw – it seems the only workaround is to create a custom style which senses the viewport and sets some parameters for the viewport and then the size of a frame via CSS3. So, then when the frame is on page, the CSS (not inline style) overrides the width info.

Just putting a div on the page doesn’t work (try it … nope…).

Much like the hacked javascript we had to do for AdSense to run different size ads on our sites, it seems there needs to be a similar hack to use iframes … well, it’s kind of the same thing as adsense really (iframes).

If somebody writes some javascript and CSS for this it would be awesome, but likely would have to be put into the page template unless someobody does a clever CSS element fort custom.css for a specific theme – for iframe specifically.

(sigh…) … no easy answer on this one. Was just trying fixes on this myself. Works fine in IE and Chrome; breaks in iPad Safari (latest).