Why can't I save my custom CSS code on the Dawn theme?

arnaudco
Shopify Partner
6 0 0

I tried to add this custom CSS code on my header (Dawn theme):

 

 

.section-header:not(:hover)
> :not([style*="display: none"])
.header__heading-logo {
filter: invert(1);
}

 

 

However I am not able to save it, I get this error: Online Store editor session can't be published.

Is there any reason for blocking a such css ?

Replies 2 (2)

cjfritz9
Shopify Partner
6 0 0

Hey Arnaudco,

 

Did you ever figure this out? I just encountered this in the Dawn theme as well. I'm unable to save changes whenever I use filter in custom css.

arnaudco
Shopify Partner
6 0 0

Still not completely, I use this:
.header__heading-logo {
-webkit-filter: invert();
}

I am checking browser compatibilty.