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

Just bought pro versión.

loaded iframe to this page:
https://lacanela.com/motor/

iframe src located on the same domain.

Everything works fine, with iframe content resizing / relocating perfectly on desktop browser.
However on the iOS safari browser it doesn't work (right side disappears)
I can supply the shortcode in a PM.

Thanks

Have you tried the scrolling IOS workaround already?

Best, Michael

Yes. same story.

Also iframe loads much slower than the src page.

This is the shortcode:
[advanced_iframe use_shortcode_attributes_only="true" src="https://lacanela.com/tyc85kk/booking_engine.php" width="100%" height="600" enable_ios_mobile_scolling="true" id="advanced_iframe" url_forward_parameter="ALL" onload_resize="true" store_height_in_cookie="true" ]

Here you can see how the content inside the iframe resizes perfectly when reducing the size of the browser window in Safari for MacOs:
https://cl.ly/153bf3ed4adf

However on an iPhone it looks like this:
https://cl.ly/ca0b49a5cb64

Please advise. Thanks.

Kindly reply ASAP, my web site project is on halt, until this issue has been resolved.

Thanks.

Hi.

I cannot make your page load faster. it simply has to load. you can try lazy load to avoid that too many things are loaded in parallel.

About iphone. They are always the big trouble maker.

Please try to add style="max-width: 100%;min-width: 100%" to the shortcode.

Best, Michael

you can also add enable_responsive_iframe="true"

see http://www.tinywebgallery.com/blog/advanced-iframe-resize-to-content-summary

it does also add the max-width:100%. Problem is that iphone simply ignore the width! Ask apple why...

Best, Michael

With this shortcode:

[advanced_iframe use_shortcode_attributes_only="true" src="https://lacanela.com/tyc85kk/booking_engine.php" height="600" enable_ios_mobile_scolling="true" id="advanced_iframe" url_forward_parameter="ALL" onload_resize="true" store_height_in_cookie="true" style="max-width: 100%;min-width: 100%" enable_responsive_iframe="true"]

On the desktop it now sort of looks as it should do on the iPhone, but of course not as it should look like on the desktop:
https://cl.ly/de561d6c47c6

whereas on the iPhone it looks like this:
https://cl.ly/722502046c0a

Hi,

You have no normal width set. This you should set always. like width=100%.

Please use not both enable_responsive_iframe and the max-width.
Please only use enable_responsive_iframe this does the max-width,min-width and also a default width.

this is normally the fix for IOS I have already implemented.

Best, Michael