Anyone know how to change the status bar color when previewing on device? Or remove it completely?
For iOS, add meta tag on the index.html <meta name="apple-mobile-web-app-status-bar-style" content="white">
Thanks Stephen Crowley could I do that within framer studio with coffee script though? Sorry, should have been more specific with my question.
var meta = document.createElement('meta'); meta.name = "apple-mobile-web-app-status-bar-style"; meta.content = "white"; document.getElementsByTagName('head').appendChild(meta);
even then, I'd just write the meta tag so you don't have page rendering issues
Sweet, I'll give it a go. Thanks!
Stephen Crowley Did not know this. This is awesome! Thanks for sharing.
Jesse Mainee Another option for you is to edit the index.html file directly like so. Go into your project folder (name_of_project.framer) and open up index.html in say Xcode or another code editor of some kind.
The line highlighted in my screenshot shows the line. Change it from "black-translucent" to "white".
Hmm, doesn't seem to have any effect when editing the index file. I'm using a nexus device with lollipop if that makes any difference, not sure. I'm sure there must be a way though
Jesse Mainee I presume your file probably says something related to nexus in your index.html right? Could you send a screenshot?
Fixed. I added <meta name="theme-color" content="#53A6DC"> to index.html. Works like magic. Thanks guys.
Jesse Mainee Glad you got it working!
That's right android has different meta tags for status bar. :)