How to adjust the iOS status bar when building PWAs with Bubble.io

How to adjust the iOS status bar when building PWAs with Bubble.io
Bubble editor: bubble.io/page...
Further reading and code snippets: codeburst.io/p...
Check out my newsletter at bubblehacks.su...
Twitter: / damianjanzi

[@alexdow6582]

Damian this is incredible! I thought this was just a fun "feature" of bubble that you couldn't change. Your steps were super concise and much appreciated. Worked like a charm for my apps 🙌

[@buildwithdamian]

Thanks for the feedback Alex!

[@theduong9570]

How can I update apple-mobile-web-app-status-bar-style after add to home screen without reinstall app?

[@sarahmeier8133]

@bubbleHacks can you also have a gradient as background colour or only a solid colour?

[@user-hb1ex2np4m]

hey, do we have to do this for every individual page?

[@seetahhasher8461]

Hi I need a help it didn’t work with me

[@GdpFran1980]

If you want to set Background white with black letters, use this:

[@thinkjon]

Can you show us how to do this for Android phones?

[@buildwithdamian]

Check out the android section here dev.to/akshaykumar6/progressive-web-apps-configure-status-bar-16fa (requires a bubble pro subscription nowadays )

[@thinkjon]

@@buildwithdamian thanks so much! I keep saying if you made a course on PWA "layout and design" with various components we can build in Bubble to use in sections of an app you will be one of the FEW online. Very little layout tutorials for PWAs. You could clean up until someone else figures it out.

[@buildwithdamian]

thanks @@thinkjon ! actually working on one :) bubblehacks.podia.com/bubble-mobile-crash-course