Inverting logo color on overlay

jwbranton171 · January 6, 2022

Is there any code that would allow me to invert the color of my logo when in the same instances where the tagline adaptively inverts? For example on mobile when I click the hamburger menu and it creates a black overlay, the tagline inverts from black to white text. I'd like my logo to do the same.

tuanphan · January 8, 2022

Add to Design > Custom CSS

/* Logo invert */
body.nav-open .site-branding h1 img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

Inverting logo color on overlay

Recommended Posts

jwbranton171

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources