Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum
https://www.tinywebgallery.com/forum/

Responsive not working on iOS devices
https://www.tinywebgallery.com/forum/viewtopic.php?f=21&t=3882
Page 1 of 1

Author:  redbranchmedia [ 15. Jun 2015, 06:40 ]
Post subject:  Responsive not working on iOS devices

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

Attachments:
IMG_1587.PNG
IMG_1587.PNG [ 142.22 KiB | Viewed 1721 times ]
IMG_1588.PNG
IMG_1588.PNG [ 190.09 KiB | Viewed 1721 times ]

Author:  TinyWebGallery [ 15. Jun 2015, 08:52 ]
Post subject:  Re: Responsive not working on iOS devices

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

Author:  redbranchmedia [ 16. Jun 2015, 18:46 ]
Post subject:  Re: Responsive not working on iOS devices

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.

Author:  TinyWebGallery [ 16. Jun 2015, 23:55 ]
Post subject:  Re: Responsive not working on iOS devices

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

Page 1 of 1 All times are UTC + 1 hour [ DST ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/