Topbar on mobile devices

[chdn]

Hi there
I’m developing the site at www.coachhousedaynursery.com/chdn_wp using Integrity Light.

The top bar is dark brown, but on devices under 767px, the css changes the topbar to a light colour. I have tried adding the following code to my custom css, but it refuses to change on the site.
@media (max-width: 767px)
.x-topbar .p-info {
background-color: #67492c !important;
}

Could you point me to the correct code to change this please?

Thanks

[nabeel]

Hi Elizabeth,

Thank you for reaching out to us. Your code has a syntax error, please use this one instead:

@media screen and (max-width: 767px) {
    .x-topbar .p-info {
        background-color: transparent;
    }
}

To learn more about CSS media queries, please see https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Hope this helps!

[chdn]

Of course - I couldn’t see that for looking! Thank you

[mldarshana]

Glad we were able to help