Change logo color when scrolling

Solved
Highlighted
New Member
3 0 0

My header background is transparent and when I scroll down it turns white. Issue is that the logo is white... so It kinda vanishes.

 

  • How can I able to switch the logo to a black one at the same time as the header turns white.

Thanks in advance!

0 Likes
Highlighted

depend on some things:

1. what is your theme? it might have an option to add aditional logo

2. if you theme doesn't have this option you may code it

3. if it's a text you may do a lil trick with css right away

Chen Zissu
Expert Profile: https://experts.shopify.com/no-name4
Email: chen@zissultd.com
Skype: @zissuc
Facebook: http://bit.ly/2GmRHta
0 Likes
Highlighted
New Member
3 0 0

 


@ZISSULTD wrote:

depend on some things:

1. what is your theme? it might have an option to add aditional logo

2. if you theme doesn't have this option you may code it

3. if it's a text you may do a lil trick with css right away


  1. Theme is Prestige
  2. Can't say that I've found where I can put a second logotype.
  3. Not a text. BUT I can change it. Not a dealbreaker

Thanks for the answer!

0 Likes
Highlighted

Success.

oh that's an easy one. I've tried the theme just to answer you. you're going to header (under sections in the customize side bar).

the top one is a logo 200X60PX if you'll scroll a lil you'll find another place to add another logo.

one is for the transparent header and the second is for the white one. if you like you may also disable the transparent header

שקוף.PNG

Chen Zissu
Expert Profile: https://experts.shopify.com/no-name4
Email: chen@zissultd.com
Skype: @zissuc
Facebook: http://bit.ly/2GmRHta
1 Like
Highlighted
New Member
3 0 0

Thank you dude!

 

No idea how I missed that one...looked all over

0 Likes
Highlighted
Tourist
10 0 0

I'm trying to do the same thing but in the Icon theme. I tried following your instruction but I can't find an option to add a second logo image. Any help would be greatly appreciated!

0 Likes
Highlighted
New Member
1 0 0

How would you accomplish this outcome in the Venture Theme? I have been trying to code a way where the Logo color, sticky nav background, and nav links all change color when scrolling. 

0 Likes
Highlighted

are you using prestige as well?

Chen Zissu
Expert Profile: https://experts.shopify.com/no-name4
Email: chen@zissultd.com
Skype: @zissuc
Facebook: http://bit.ly/2GmRHta
0 Likes
Highlighted

@Griffin_A if you try to code it you'll probably start with the theme.scss file.

you should find the relevant class of the logo and work with it.

if you're asking about the background color of the sticky nav? you'll need to write down something like background-color:white (or any other color also in hexadecimal) 

Chen Zissu
Expert Profile: https://experts.shopify.com/no-name4
Email: chen@zissultd.com
Skype: @zissuc
Facebook: http://bit.ly/2GmRHta
0 Likes