Changing Dropdown Menu Link Color on scroll

  • Resolved melanie71

    (@melanie71)


    12 months ago

    Hi Robert! Hoping you can help. I’m working on a new project and have a problem that I can’t seem to resolve.

    I have added Custom CSS from one of your other posts to change the menu link color on scroll, however the link color is also changing on the dropdown menu, and I’d like that to stay the same as the original menu (before scroll).

    Are you able to explain how I make sure the dropdown link colors don’t change please.

    Thank you ??

    Melanie

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Robert Wattner

    (@rwattner)

    Hi,

    Sorry for the delay. Try this code instead.

    .she-header .elementor-nav-menu--main a {
    color: #45694F !important;
}

    That should target only the main menu and not the dropdown.

    I hope this works for you. Let me know how it goes.

    Thread Starter melanie71

    (@melanie71)

    Thanks Robert! Unfortunately that doesn’t seem to have helped. Do you have any other suggestions?

    Melanie

    Plugin Author Robert Wattner

    (@rwattner)

    I’m sorry, this should do it.

    .she-header .elementor-nav-menu--main a:not(.elementor-sub-item) {
	color: red !important;
}

    Just change red to whatever color you want after scrolling.

    This doesn’t affect the mobile menu though. I don’t know if you want it to?

    Thread Starter melanie71

    (@melanie71)

    Thank you Robert!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing Dropdown Menu Link Color on scroll’ is closed to new replies.