Add setting to force logo to white when it's on a transparent background

maithemewp / mai-engine

Other

17 stars 3 forks source link

Closed JiveDig closed 9 months ago

JiveDig commented 10 months ago

We use this CSS now, but it could easily be a simple checkbox in Customizer > Theme Settings > Site Header...

.has-transparent-header:not(.header-stuck) .custom-logo {
     filter: brightness(0) invert(1);
}

JiveDig commented 9 months ago

Inverts logo for dark background header (not when a transparent header is displayed and before it's scrolled/sticky).
Invert logo for a dark transparent header that is not stuck.