top bar widget width on mobile

Hi Cynthia,

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

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

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;
    }
}