[Resolved] Top bar widget area background color/colour in mobile view

[Pete]

I can’t find this in the support forum so I thought I ask here for others as well…

How do I change the top bar widget area background color/colour in mobile view?

[David]

Hi there,

you would need some CSS – can you share a link to the site so i can see its layout and content ?

[Pete]

Isn’t there some generic CSS that would apply to the default set up?

[David]

If its the themes top bar widget area then the base CSS is this:

@media(max-width: 768px) {
    .top-bar {
        background-color: #f00;
        color: #000;
    }
    .top-bar a {
        /* generic link styles here */
    }
}

but that is a very global scope style and won’t overwrite more specific styles.

[Pete]

Thanks David, that worked a treat. I updated my question title to included “widget” 🙂

[David]

Awesome – glad to be of help 🙂

[Author]

Posts