[Support request] top bar widget width on mobile

[Cynthia]

I’d like to extend the background color #000000; to the top widget in the top bar on mobile view.

I’ve added link to website and screenshot.

[Fernando]

Hi Cynthia,

Can you try altering the color in Appearance > Customize > Colors > Top Bar > Background?

[Cynthia]

Hi Fernando – yes I was able to use that customization setting to apply the tan color that you see, which extends all the way to the edges, but I am trying to extend the “black” background color of just the top widget only, to the right / left edges on mobile view.

Please see screenshot I prepared. Thank you

[Fernando]

I see. Here’s a CSS you can try adding in Appearance > Customize > Additional CSS:

@media (max-width: 768px) {
    .inside-top-bar {
        padding: 0;
    }

    aside#sow-editor-3 {
        width: 100%;
        margin: 0;
    }

    aside#sow-editor-3 p {
        display: flex;
        flex-direction: column;
    }
}

[Author]

Posts