Homepage logo icon in white color but for other pages i want it black (not sticky header)

[sweetchin23]

Hi! Can anyone please help me, this is my homepage menu with everything in white. and I want all my other page headings to be like the  2nd image. and the 3rd image is the one I got as a result. I use dawn theme.

2nd image

3rd image

[suyash1]

@sweetchin23 - can you please share this page link?

[sweetchin23]

https://halo-m.com/account/login
pw: yiflow

Thank you

[suyash1 · Accepted solution]

@sweetchin23 - try this css for logo and check, add it to the end of your base.css file and check

body:not(.template-index) .header__heading-logo{filter: invert(1);}

[sweetchin23]

Thank you so much! 🙂 It works.

[suyash1]

@sweetchin23 - welcome

[CUPZYY]

Hello! This works on my site, however on phone it does not work. The logo is the same on desktop and phone and I need it to invert like on desktop. How can I do that? Thanks in advance 😄

[wdreamhq]

For some reason this is not working. Can you screenshot how it should in base.css file? I put it on the last line but it did not change for me.