Address bar

Game_Districts
New Member
4 0 0

Hello,

when i view the mobile version of the site the address bar color matches the primary buttons.

www.gamedistricts.ca

can you anyone help me change that?

 

Thank you 

Replies 6 (6)
Suture
Shopify Expert
648 0 111

Sorry if a dumb question. But what is the address bar?

Game_Districts
New Member
4 0 0

Hi,

It's ok,  the address bar is where the Url is displayed in my case www.gamedistricts.ca

If you try to open the site on your andriod mobile. 

On IPhone it looks fine.

Thanks

Jason
Shopify Expert
10438 169 2081

So is sounds like we're talking about the browser header for the mobile app. Some browsers support colour customisation of that section. It can be pretty interesting from a design perspective. I've got it running on my own site too.

The theme will have a meta tag in the header like this:

<meta name="theme-color" content="#ffcc00">

For your theme specifically it should be:

<meta name="theme-color" content="{{ settings.color_primary }}">

If you want to set that to a custom colour just jump into theme.liquid and change {{ settings.color_primary }} to a hex value.

For more info:
https://developers.google.com/web/fundamentals/design-and-ui/browser-customization/

I jump on these forums to help and share some insights. Not looking to be hired, and not looking for work.
Don't hand out staff invites or give admin password to forum members unless absolutely needed. In most cases the help you need can be handled without that.
★ http://freakdesign.com.au ★
Game_Districts
New Member
4 0 0

it worked!  :)

Thank you 

AnasMamun
New Member
1 0 0

It seems like things are different for the 'Supply' theme, I needed to add the whole line before the end of header tag to make it possible.

 

 

SterlSilver
Tourist
8 0 1

Hey, My name is Ben, I was wondering if you could help me lookover my website. I am limited to my theme and have a few obstacles. I am just asking for help please. 

bhartman102890@gmail.com