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

Solved

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

sweetchin23
Excursionist
43 0 6

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.Screen Shot 2023-11-08 at 7.26.22 AM.png

2nd image

 

Screen Shot 2023-11-08 at 7.26.03 AM.png

 

3rd image

Screen Shot 2023-11-08 at 7.30.25 AM.png

Accepted Solution (1)
suyash1
Shopify Partner
10130 1253 1593

This is an 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);}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 7 (7)

suyash1
Shopify Partner
10130 1253 1593

@sweetchin23 - can you please share this page link?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
sweetchin23
Excursionist
43 0 6
suyash1
Shopify Partner
10130 1253 1593

This is an 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);}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
sweetchin23
Excursionist
43 0 6

Thank you so much! 🙂 It works.

suyash1
Shopify Partner
10130 1253 1593

@sweetchin23 - welcome

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
CUPZYY
Visitor
1 0 0

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
Visitor
2 0 0

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.