Address bar color

Hello, We have updated our website to include a background for the header. However, ON MOBILE, it also highlights the url address-bar. Does anyone why this happens and how to avoid changing the color?

image

THANKS

You probably changed the header_background variable in your color-scheme. That color is used for the header background as well as in the meta tag used to pull the address bar background-color information on Android.

<meta name="theme-color" content="#<%= ColorScheme.hex_for_name('header_background') %>">

Based on your use case here, it might be better to revert the change you made to the color scheme and use CSS to change the header color instead.

.d-header {
    background-color: #fff; /* your color here */
}
6 Likes

@Johani thanks for your input. Will try

@Johani Worked like a charm. Thanks

2 Likes