Hi. I’ve updated one of our Hype content areas by adding iPhone and iPad Portrait layouts in addition to our default layout. They would map to the Bootstrap 3 XS, SM/MD, and LG breakpoints.
When I view the exported HTML5 Hype document, the layouts change as expected at each breakpoint. However, when I use the Hype content inside the Bootstrap page, it always uses the largest layout. Inspecting the generated HTML using Chrome shows that the script is inserting the width/height of the large layout, regardless of however the browser is sized. Using the exported HTML I’ve inserted this, however:
<div id="simple_hype_container" style="margin:auto;position:relative;width:320px;height:320px;;overflow:hidden;" aria-live="polite">
I’ve gone through the docs several times, but I’m sure I must be missing something. Any idea what I could be doing wrong?
Thanks for any help.