WordPress.org

Ready to get started?Download WordPress

Forums

iframe
[resolved] responsive problem on mobile (7 posts)

  1. ceciRjas
    Member
    Posted 1 year ago #

    hello ! i have a problem with iframe plugin, on mobile it doesn't ajust on the screen size... is there a way to resolve that ?

    thanks

    http://wordpress.org/extend/plugins/iframe/

  2. ceciRjas
    Member
    Posted 1 year ago #

    can somebody help please ?

  3. Johanhorak
    Member
    Posted 1 year ago #

    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 ;-)

  4. webvitaly
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  5. Johanhorak
    Member
    Posted 1 year ago #

    Thanks. Any suggestions on who may have a solution?

  6. ceciRjas
    Member
    Posted 1 year ago #

    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..

  7. neotrope
    Member
    Posted 1 year ago #

    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).

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.