How To Change Header Strip Mobile Background Color In The Booster 2.0 Theme Code

Store Design
1

Hi everyone! I’m finding a glitch to where my Header Strip doesn’t have the proper color in mobile view only. I’ve tried researching answers, but everything that comes up for it is only concerning the main header.

Would anyone be able to please point me to the location of this setting in the code and the proper method of updating it so I can set it to be #3f3f3f across all views?

My Site: tempestkeychains.myshopify.com

What it is right now: https://i.gyazo.com/139b667a0834429226061c319c46d455.png
What I want it to be: https://i.gyazo.com/c993e44a3e74361eacf6a1ff1fc3371f.png

2

Hi @HoodShine ,

Glad to support you today.

To can change the background of Header Strip Mobile section, you can check out my suggestion below to make it:

  1. Go to Edit code on Online Store:

GemPages_0-1673753494589.png
GemPages_0-1673753494589.png400×162 25.3 KB

  1. add my code above the tag on Theme.liquid:

Eg:

GemPages_1-1673753753764.png
GemPages_1-1673753753764.png1142×889 43.5 KB

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

1 Like
3

THANK YOU SO MUCH

4

I am glad that my solution is helpful to you :grin: .

1 Like