CSS for mobile banner

Hi all, 

So i have some code to change the background of the header on my homepage.
I noticed that this doesn't work on a mobile device. Can anyone share with me the code to do this?
I also need to change the hamburger menu icon colour for mobile as well.
 

/* Header BGcolor for homepage */
.homepage header#header {
    background-color: #ffffff !important;
}

/* Menu text color for homepage */
.homepage header#header div.header-nav-item>a {
    color: #000000 !important;
}

Kind regards,

Pace

Can you share your website URL?

Hey yes, my apologies, i thought the forum would pass the address through.

pacethestreet.com 

Thanks :-) 

Hey Ziggy, thanks for the response, but how do I ensure that my mobile devices get the same header colour as the desktop clients.

Currently my desktop clients get a white header, but my mobile clients get a dark one.

What i've noticed, is that mobile devices using the brave browser get a black header, but mobile clients use safari, get a white header.

On 5/25/2024 at 12:39 PM, pace said:

What i've noticed, is that mobile devices using the brave browser get a black header, but mobile clients use safari, get a white header.

I'm not sure how to explain that.

What settings do you have for the header? Dynamic? Solid?

Hey I got this working, it was a setting on my mobile client… gah