Site logo

Archived topic

Top bar widget area background color/colour in mobile view

5 replies · Started by Pete on December 9, 2021

Viewing posts 1–6 of 6

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?

Hi there,

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

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

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.

Thanks David, that worked a treat. I updated my question title to included "widget" :)

Awesome - glad to be of help :)

This archived topic is closed to new replies.