Hello,
is there any way I can invert my logo colour so that the logo is visible
on my product pages as well in Black?
My logo is white so it disappears on my product pages.
I’m using dawn theme
Please see photos and here’s my website: www.sundaypaloma.com
Please put in below code to the last line of your under your base.css
by going to your store admin > Online Store > Themes > Actions > Edit code > Assets folder. (https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code)
#template-index img.header__heading-logo {filter: invert(1);}
@jaesielee - I think you already have solved your issue
what about mobile? I want to invert on mobile as well
Adding this line will also fix the mobile problem.
#template-index img.header__heading-logo {filter: invert(1);}
where do I add the line?
Please put in below code to the last line of your under your base.css
by going to your store admin > Online Store > Themes > Actions > Edit code > Assets folder. (https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code)
doesn’t work, only works on desktop.
on mobile the homepage and other pages they have the same logo colour
Thanks @jaesielee , I can see that there is some error with your previous code.
Please add } to my code.
So it will be
}#template-index img.header__heading-logo {filter: invert(1);}