Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Hello,
I am using your iframe Pro and I am having a problem on iOS devices like iPhone, iPad, etc. The max-width:100% that it wraps around the iframe is not containing it. I set "enable responsive iframe" to "yes". I have attached two screenshots so you can see what it looks like on an iphone. As you can see, it breaks out of the content area. Any workaround for this? I do not have access to the source url, so I can't add anything to that. Thank you,
You can view the page here: http://metroymca.flywheelsites.com/support-the-ymca/donate/give-today/
You will need a username and password to view the site
username:flywheel
password: haywire

Hi,

Please check the documentation! If you don't have access to the other site setting "enable responsive iframe" does not work. See http://www.tinywebgallery.com/blog/responsive-iframes-with-advanced-iframe-pro

Which part of the screenshot is the iframe?

The plugin is also able to have different configurations for different devices. So you might have to use a different configuration for IOS devices.

Best, Michael

Thanks for your response. I did read through the documentation. I know I cannot make the iframed content responsive, I'm just trying to keep it from breaking the page layout. In this screenshot, the iframed content starts at "Donation Details". This is a screenshot from an iphone. The iframe should only be as wide as the content and have scrollbars, but that might be more of a CSS / iOS issue. I wanted to see if you'd run into it before and found a solution.

I have seen many different problems but as each template is different it is sometimes very hard to solve.
Have you tried different settings? If you find one that works fine on the iphone the browser detection is an option for you where you can make specific settings if e.g. an iphone.

But in my opinion the iframe is fine but the rest of the content is not scaling properly

Best, Michael