How can I alter the color of the mobile status bar in the Pipeline theme?

Hello,

How can I change the colour of the mobile status bar? Now it uses the secondary colour accent, but I would like to change this. I’m using the Pipeline theme.

Thanks.

Hi @ARenard

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

Hi @AvadaCommerce ,

Thanks for your reply!

My store url: https://actifyt.myshopify.com/

Password: chaimp123

1 Like

Hi @ARenard ,

Can you take a picture of the part you want to edit?

Thanks you

Hello,

Here you go. It’s the upper orange part that I would like to change. This is only in the mobile view.

Thanks!

Hi @ARenard ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Find “theme.liquid”-> Find meta “theme-color” and change content by color to match your theme

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

2 Likes

Hey @ARenard.

Thanks for reaching out.

If the solution advised by @AvadaCommerce worked, be sure to mark their post as a solution to let others know that may view the thread.

Looking into the Pipeline theme, I noticed that this is a third-party theme that is designed and supported by Groupthought. Since Shopify did not develop the theme, we are a bit unfamiliar with the style of coding that is being used.

With that being said, if you are still having difficulty with making this change to your mobile menu color, I would suggest reaching out to the developers of the theme as they would be in the best position to provide you with additional support and insight to make this change.

I did come across to finding their Contact Us page and wanted to provide it.

Let me know if you have any questions.

1 Like

Hi @AvadaCommerce ,

Thank you for your help. This indeed worked perfectly!