[Resolved] Color behind Off Canvas Menu

[John]

Hi!

The mobile off-canvas menu slides open from the left taking up about 75 percent of the screen.

The remaining 25 percent of the screen is an opaque black. I’d like to change this to a different color.

Can this be done in the customizer or is custom CSS needed?

Thanks!

John

[Leo]

Hi there,

Try this CSS:

.slideout-overlay {
    background-color: #000000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[John]

Thank you, Leo.

I threw in some opacity too.

.slideout-overlay {
background-color: rgba(215, 219, 221, 0.5);
}

John

[Leo]

No problem 🙂

[Author]

Posts