I'm having real problems getting auto zoom to work on mobile browsers; I'm a noob so I'm guessing it's me rather than the plugin!
My page at http://seppo.co.uk/about/#1483712972005-6d7a7ede-084f has a script hosted on a remote domain and whilst it displays ok on a desktop, I can't get it to work on mobile browsers; basically I want it to zoom nicely and show all at a size that means there's no horizontal scrolling. Instead, nothing is showing on mobiles. What am I doing wrong?
My plugin has the following:
Code:
[advanced_iframe securitykey="my_key" src="http://lawquotes.co.uk/quotes/seppo/default.asp" use_shortcode_attributes_only="true" id="advanced_iframe_31" auto_zoom="remote" width="100%" height="1250" enable_responsive_iframe="true" pass_id_by_url="ai_id"]
I have the following in the header on my asp page on the remote domain:
Code:
<script>
var iframe_id = "advanced_iframe_31";
var updateIframeHeight = "true";
var hide_page_until_loaded_external = "true";
var iframe_url_id ='ai_id';
</script>
<script src="http://www.tinywebgallery.com/blog/wp-content/plugins/advanced-iframe/js/ai_external.js"></script>
<script>document.domain='www.seppo.co.uk';</script>
Any help gratefully received!
Seppo