Code that eliminates the controls on iphone and android


(David Montague) #1

Hey is there code that could force the mobile layout to fill the screen and only when it is touch by the user would it reveal the navigation bars?

See attached


#2

That ‘chrome’ is hidden when scrolling down, but unfortunately there isn’t a way to reliably hide it. You used to be able to scroll the user down 1 pixel and this would hide the top bar, but this doesn’t work anymore in iOS 12.

Your only option is to encourage users to add your page to the home screen to create a web app: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW1

Hype has some built in features for setting this up, specifically the ‘Home Screen Web app’ checkbox: https://tumult.com/hype/documentation/3.0/#document-options