CSS/JS workarounds might be possible but I haven't checked or tested that yet in detail.
Anyway I will have a look of course but maybe some special detection plus automatic fixes/hacks can be added...Best regards,
Klaus
Hi Klaus I have found this site https://hullfilm.com/ The tours open in NEW page. It is actually the former regal360 creator. All the tours except the Corie Teen Boom Museum https://virtualtour.corrietenboom.com/ open correct on Chrome. I can see That all the newer ones are made the same way as far as I can see by a KOLOR template. But there are so many scripts used that I have no idea what corrects the height on Chrome. The Teen Boom Museum does not seem to be based on a Krpano script and it opens missing the full bottom buttons.
Could it be some of these CSS styles that does the correction.
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui, viewport-fit=cover" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<style type="text/css">
@-ms-viewport { width: device-width; }
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; overflow:hidden; }
div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
div#tourDIV {
height:100%;
position:relative;
overflow:hidden;
}
div#panoDIV {
height:100%;
position:relative;
overflow:hidden;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
</style>
The TenBoom tour only has thes styles <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<style> @-ms-viewport { width: device-width; } </style>
