Hi, I follow the steps in this video INTERACTIVE Walkthrough on the WEB | Shapespark for Sketchup - YouTube and I have an issue: when I open the scene in movile devices and pick on HTML label extension, the frame windows doesn´t fit on movile screen! how I can fix that?
The width of the iframe in this tutorial is hardcoded to 600px
<iframe src="https://www.appliancesconnection.com/wolf-mdd24testh.html"
style="border:0px #ffffff none;" name="myiFrame" scrolling="yes"
frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="600px"
allowfullscreen>
</iframe>
On devices with smaller screens, the scrollbar will appear to allow to view the whole content.
To get rid of the scrollbar, you can specify the width as a relative value:
<iframe src="https://www.appliancesconnection.com/wolf-mdd24testh.html"
style="border:0px #ffffff none; width:80vw; height:80vh;" name="myiFrame" scrolling="yes"
frameborder="1" marginheight="0px" marginwidth="0px" allowfullscreen>
</iframe>"
However, it depends also on the iframed site whether or not the scrollbar will appear. If the site sets a minimum width that it is able to handle, the scrollbas will still appear once the window becomes smaller than this minimum width.