How can I change the status bar color on my mobile?

I would like to change my status bar to transparent. Now it is this blue color that i dont like. I use refresh theme, and my url is Gochargerzz.myshopify.com Can anyone help me please?

Hello @Sheyi

Do you know how i can get the transparent status bar?

Hello @gochargerzz

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you:

  1. Go to Online Store → Theme → Edit code:

  1. Open your theme.liquid theme file

  2. Paste the below code before :

{% if template contains 'index' %}
  
{% endif %}

Result:

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

@GemPages

It didn’t work. My header now overlaps my image banner. It isn 't transparent now. Do you know another way of getting it transparent?

@Sheyi

gochargerzz.myshopify.com

@gochargerzz

Please remove the above code and set customize as shown below:

I don’t understand what you mean. By status bar i mean the bar that is blue on this image

@Sheyi

yes

@GemPages Do you know the answer?

@gochargerzz

I don’t get what you mean. If it’s blue on the picture, you need to edit it before uploading.

@Sheyi Just tell me, no need for emails

@GemPages By stats bar i mean the bar on a iphone where you see the battery and time. The top of the image i sent

@gochargerzz

You can refer to the following guide

https://css-tricks.com/meta-theme-color-and-trickery/


'currentColor ’ - replace it with the color code you want

@GemPages I’ve tried that, however when i add #FFFFFF nothing happens

@gochargerzz

This problem also depends on the phone whether this function is on/off, but i’m not sure what setting it is