Reply To: Header color change on scroll.

If by “wd-tools-icons” you mean font icon – yes. In that case, your menu item icons will change color alongside the menu item text. For these purposes, you need to use FontAwesome icon font that contains all necessary icons, but with the current Elementor version, you need to disable some Elementor options enabled by default since from version 3.18.0 FontAwesome icon font is deprecated. As we know, FontAwesome icon font was deprecated because of site performance issues.

If you want to try it, you need:
1. Navigate to Elementor -> Features -> Inline Font Icons, set “Inactive” and save changes https://prnt.sc/vL4u-XySPk22
2. Navigate to Theme settings -> Performance -> Fonts & Icons -> Font Awesome Library and set “Always use” https://prnt.sc/KtC2U8ukS8GJ
3. Navigate to the FontAwesome 5 icons page https://fontawesome.com/v5/search?o=r&m=free, choose desired icon and copy it code https://prnt.sc/skyw-5UEx7ln
4. Paste the following code inside WordPress menu option called “Icon name (from FontAwesome 5 set)” like shown on screenshot https://prnt.sc/9qvD1_9zEZpe.

Please pay attention. For example, if the icon code is “far fa-envelope” you need to change it to “envelope far” before pasting it inside “Icon name (from FontAwesome 5 set)” field.

Kind Regards