[Support request] Merged Header Added Transparency

[Tim]

Hello,

I have a merged header but I’d like to add just a slight black overlay to the main menu. Still transparent but enough of an overlay so you can see the header is a little separate than the rest of the page.

Can you help me accomplish this?

[David]

Hi there,

try adding this CSS:

.header-wrap #site-navigation,
.header-wrap #mobile-header {
    background-color: rgba(0,0,0,0.2);
}

I also applied it to the Mobile Header.

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

[Tim]

Worked! Thank you!

[David]

Glad to hear that!

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

[Author]

Posts