This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Jayaprasad Mohanan
Posted Oct 16 - Read on Facebook

Hi all,

I need a quick help. Made a prototype and shared it with a colleague of mine. When he tried to add the prototype to the home screen and open it as an standalone web app, the status bar takes up the top 40 pixels so the bottom 40 pixels of the prototype is getting cut.

I figured out I need to add the following code,

<meta name="apple-mobile-web-app-status-bar-style" content="translucent-black">

but I could not figure out where to add it. Help is much appreciated. Thanks :)


Arron J Hunt

Open the project.framer and add that between the <head> tags in the index.html file

Jayaprasad Mohanan

Thank you Arron. I opened the index.html file and it's empty :(

Arron J Hunt

Weird, can you share the project with me?

Jayaprasad Mohanan

Ah, the culprit was TextEdit. Rested too much faith on him :P Downloaded a different text editor and I could see it :D Thank you so much. But then I dig a little deeper, and the status bar seems to be visible even if translucent-black is set. Apple forums says it's a problem with iOS 9 :( Anything I can do to get that space back on the top for my prototype?

Read the entire post on Facebook