Need help changing the color of menu on mobile devices

Themes
1

Hi there,

My website Mobtown Mag (https://www.mobtownmag.com) uses the Casper theme, and I’d like to make my accent color red (#e85c57). However, I don’t like how the red looks when the entire menu changes to red on desktop/mobile. I was able to fix it on desktop, to where the background stays dark gray (#121212), using the code injection below. However, when I access my site through my phone, or any mobile device, the menu screen still turns red, which looks quite ugly. Does anyone know how I’d be able to fix that on mobile? I tried adding “@media screen” in front of the code below, but it doesn’t seem to work. Thanks!

Current code:

.gh-head-brand, #gh-head { background: #121212; }
2 
@media (max-width: 767px) {
    .gh-head-open.has-cover #gh-head, .gh-head-open.has-cover #gh-head .gh-head-actions {
        background-color: #121212;
    }
}

If that doesn’t work, add an !important just before the ;.

3

It worked, thanks so much!

1 Like