Changing the iOS Status Bar Color?

Hi All!

It looks like we haven’t figured out yet in the forum how to change the status bar color for iOS yet. So far, adding this hasn’t worked:

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

Any ideas on different approaches we can take?

This article does a good job explaining the 3 options we should be able to change the colors to:

1 Like

You can change this in the settings tab > general. The setting is called: " Progress bar color"

Not quite - this is in reference to changing the font and background color of where the time, battery, data, and wifi signal are at the top of a mobile device. Thanks though!

You have to deselect the check box in your app setting to hide safari and add the header meta tags manually.

Thanks @ryley.randall! Did you put any other meta tags in the header besides this?

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

I unchecked the hide safari options but wasn’t getting anything different.

Thanks!

1 Like

No there are two.

add this one above it…
<meta name="apple-mobile-web-app-capable" content="yes">
Also, you will need to visit your app in safari and add it to the home screen again to see the changes

6 Likes

That was the piece of information I was missing - thanks so much!

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.