Page where the iframe is embedded and where the issue occurs:
http://www.dmcmedicalgroup.com/health-library/Shortcode used:
Code:
[advanced_iframe securitykey="27927d2e16e349beefc99a28886f958d8078308f" src="http://dmcmedicalgroup.staywellsolutionsonline.com/" width="100%" onload_show_element_only="#siteBodyContainer" enable_external_height_workaround="true"]
Page that the iframe is pulling in:
http://dmcmedicalgroup.staywellsolutionsonline.comI also made sure that the Staywell page above has the code inserted in order to control it cross-domain:
Code:
<script>
var updateIframeHeight = "true";
var enable_responsive_iframe = "true"
var hide_page_until_loaded_external = "true";
var iframe_hide_elements = ".fusion-header-wrapper, .fusion-footer";
</script>
<script src="http://www.dmcmedicalgroup.com/wp-content/plugins/advanced-iframe/js/ai_external.js"></script>
As you can see, it's not resizing the height of the iframe to match the content anymore. And it's also not hiding the otherwise redundant header and footer. This all used to work and function fine until I updated to v7.4.2.