Icon color change on scroll

Hi, thank you very much! I’m sure I can easily write you some css to do this. It’s 9pm here so I’ll get back to this in the morning. We’ll get you fixed up!

I’m looking forward!

• This reply was modified 3 years, 2 months ago by ruikowski.

Hey, sorry for the delay. I have been setting up a new computer and it took longer than expected. Always does actually, should’ve seen that coming.
Anyway, I’ve got some code written for you and it’s working great for me.
Try this and let me know

/* MOBILE ICON COLOR */
.she-header-yes .elementor-icon svg line {
    transition: stroke 0.4s ease-in-out;
}

.she-header .elementor-icon svg line {
    stroke: red !important;
}

Just change “red” to any color you like. In your case it looks like you would change the icon’s normal color to white, then use this code to change it to black. I also added the same color transition as the logo so everything matches.
I hope this works for you!

@ruikowski Here is code that is more browser-friendly. It’s better to have prefixes just in case

/* MOBILE ICON COLOR */
.she-header-yes .elementor-icon svg line {
    -webkit-transition: stroke 0.4s ease-in-out;
    -o-transition: stroke 0.4s ease-in-out;
    transition: stroke 0.4s ease-in-out;
}

.she-header .elementor-icon svg line {
    stroke: red !important;
}

Let me know if this works

@rwattner Work perfect! Thank you so much.