Hype page width not all view

#1

sorry for bad english.

im newb here…
i wonder why webpage cut on the right side… i should pinch it out to make it full width every time i load / enter website.

photo6179321121686530387
photo6179321121686530387.jpg591×1280 117 KB
photo6179321121686530388
photo6179321121686530388.jpg591×1280 110 KB

to test it… please visit this page ON MOBILE:
toyotamode.com

thanks for your help

#2

In the Mobile Options of the Document Inspector, you will first want to change the Viewport width to “Document width.” Device width means that the browser size will be that of the device itself (375px), but document width would set it to your scene of 400px.

Secondarily, it looks like there’s an issue with the initial scale you’ll need to workaround. I need to investigate more, but it appears the initial scale will always go off of the device width, which would then zoom in the content. To fix this, you’ll need to:

  1. Click “Edit Head HTML…” in the Document Inspector
  2. Copy the full <meta> tag and paste it in the section below
  3. Change it so the initial-scale is not set to 1.0, like:
	<meta name="viewport" content="user-scalable=no, initial-scale=none, width=400" />