Nav menu dropdown color on scroll

I am kind of having the same problem. Everything works fine when header is transparent but on scroll when header changes my active text color in dropdown menu is same color as background making it not visible. I have used your CSS to change text color, hover color and active color on scroll. The text color and hover are working but the active text is not.

I tried changing your dropdown CSS for background to active for a shot but that didn’t work.
.she-header .elementor-nav-menu–dropdown a:active{
color: #ffffff !important
}

The link to take a look is https://salyerchiro.com/chiro
Your help with this would be greatly appreciated.
Regards,
Julian

@jkinlaw Thanks for adding up to my initial question.

I have actually found the correct code today. The css to edit the color of the elementor dropdown sub-menu items when the header is sticky. You didn’t have the “;” after “important” in the code you posted, but it did not work for my anyway.

Here is the one that worked:

.she-header .elementor-nav-menu–dropdown a {
color: #98a86d !important;
}

Hope it helps!

@phantomas88
Hi,
I like your site and design, just wish I could read it. It looks like it has to do with herbs and teas which I have been into for a long time.

I’m not sure if we are trying to do the same as to the menu but I still can’t get mine to work. I noticed your dropdown color scheme stays the same from transparent to scroll down. I have tried many different CSS combinations including the one that worked for you without success. Could you please provide me with your complete CSS coding for the sticky header and dropdown text color change. I would really appreciate it.

@jkinlaw Thanks for your kind words!

You are right, we were trying to do slightly different things.

However, I carefully read your initial post again and what you are trying to achieve and then I checked out your site. I believe that the css you need is this one:

.she-header a.elementor-item-active {
color: #FFFFFF !important;
}

Hope I helped this time ??

@phantomas88
Yes, you definitely helped and I appreciate it. I can now use the menu where as before I could not present it the way it was.

On the scroll down menu I do have to use light colors though, such as light blue as the main menu bar and dropdown menu hover and active react the same. I can’t use white on the dropdown menu, which is what I was going for because it will be white on white on the main menu.

I have tried numerous combinations of CSS code trying to separate the dropdown menu colors from the main menu bar colors like it is on the transparent menu but haven’t been lucky.

@phantomas88
Just wanted to thank you again for your help. With the help of your code, using it in various ways I finally figured out how to achieve everything I have been trying for. Your a.elementor-item-active helped me search out what I needed.
Julian

Awesome to see you guys helping each other! It really helps me out too being as busy as I have been lately.

@jkinlaw Happy I could help! Wish you the best!

@rwattner You have done more than enough in creating this awesome plugin and offering it for free. I just hope you will have the time to keep up with future Elementor updates and why not add even more options in the settings. Cheers!

@rwattner I would like to add my appreciation also. I have used your plugin on at least four sites and the fact that it is free is outstanding. I had a little more issue in getting exactly the look I wanted this time, which had nothing to do with the plugin, but you just have to be persistent. And a helping hand does work.