Here’s a site that I’m working on. As can be seen, there is a lot of Hype content - everything but the menus and the white areas with text:
With the exception of the Hype element on the home page, the responsive design works properly. Here’s the Hype element on its own:
The only difference is that the scenes in the above element are set to scale at 100%, both horizontally and vertically.
Following is the code (brackets for carets) This is essentially the same code as is used with all the other Hype elements. I’ve tried swapping this code for that in a div of a properly working element, but with the same result. I’m guessing that setting the vertical scale to 100% is the reason and that there is some other setting somewhere to compensate.
{div id=“flexslideshowmobile_hype_container” style=“margin:auto;position:relative;width:100%;height:100%;overflow:hidden;” aria-live=“polite”}
{script type=“text/javascript” charset=“utf-8” src=“FlexSlideShowMobile.hyperesources/flexslideshowmobile_hype_generated_script.js?74387”}{/script}
{/div}
I assume that the fix is a very simple one, but it alludes me. Any ideas? (Thanks!)