Nav menu link colors won’t change on scroll

Hi, sorry to hear you are having problems.
Do you have a link to the page so I can look myself?
Could you possibly share the code you are currently using to change the menu link color?
Are you using the elementor nav menu widget?

Is this the code you are using?

Here is the code to change the menu text color on scroll

/* TEXT */
.she-header .elementor-item, .she-header .elementor-item-anchor {
    color: #000000 !important;
}

Obviously, just change the #000000 to whatever color you like. RGBA(0,0,0,1) will work also if you would like transparency.

/* UNDERLINE */
.she-header .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    background-color: #000000 !important;
}

/* OVERLINE */
.she-header .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before {
    background-color: #000000 !important;
}

/* DOUBLE LINE */
.she-header .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after, .she-header .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before {
    background-color: #000000 !important;
}

/* FRAMED */
.she-header .e--pointer-framed .elementor-item:before, .she-header .e--pointer-framed .elementor-item:after {
    border-color: #000000 !important;
}

/* BACKGROUND */
.she-header .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    background-color: #000000 !important;
}

/* TEXT HOVER */
.she-header .elementor-item:hover, .she-header .elementor-item-anchor:hover {
    color: #000000 !important;
}

Solved. A saviour!

Happy to help!

Hi! Is there also one for active? Thanks!

Would be cool if this were added to the widget Settings ?? But awesome plugin as is! Why this hasn’t been added to the Elementor core is a wonder! ??

@rckelsey yes I can provide the code needed for active as soon as I get back to my computer.

@rckelsey Here is the css for active links

/* ACTIVE LINK COLOR */
.she-header .elementor-item.elementor-item-active {
color: RED !important;
}

/* ACTIVE POINTER COLOR */
.she-header .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after, .she-header .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .she-header .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
background-color: RED !important;
}

/* ACTIVE FRAMED POINTER COLOR */
.she-header .e--pointer-framed .elementor-item:before, .she-header .e--pointer-framed .elementor-item:after {
border-color: RED !important;
}

Just change “RED” to whatever color you want.
Let me know if you need anything else