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?
THANKS
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?
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 */
}