Shopify themes, liquid, logos, and UX
Trying to get my logo in my header to invert when the header is transparent?
so far I've been able to invert the logo but it doesn't change back when the header has a filled background
I used this in base.css
.header__heading-logo {
filter: invert(100%);
}
however I need it to be only when .site-header-transparent is active?
Please see screenshots for examples of desired outcome 🙂
Hi @joedogfish
Depending on the placement of the site-header-transparent. This should work
.site-header-transparent .header__heading-logo {
filter: invert(100%);
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024