Dropdown link text colour

  • Resolved jasoncsh

    (@jasoncsh)


    4 years, 1 month ago

    Hi all, I’ve just started using this plugin, which is very good, but I’m having trouble getting the link in the dropdown menu to change colour after scrolling. I’ve read the other posts about similar issues but the CSS just won’t work.

    Could anyone shed some light on the link text changing colour after scrolling?

    Many thanks,
    Jason

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

    (@rwattner)

    @jasoncsh Hi, I’ve just tried this using the elementor menu widget and here is the code that works for me

    /* DROPDOWN MENU ITEMS COLOR AFTER SCROLL POINT */
.she-header .elementor-element.elementor-element-7950511 .elementor-nav-menu--dropdown a {
    color: RED !important;
}
/* DROPDOWN MENU ITEMS HOVER COLOR AFTER SCROLL POINT */
.she-header .elementor-element.elementor-element-7950511 .elementor-nav-menu--dropdown a:hover {
    color: GREEN !important;
}
/* DROPDOWN MENU ITEMS ACTIVE COLOR AFTER SCROLL POINT */
.she-header .elementor-element.elementor-element-7950511 .elementor-nav-menu--dropdown a.elementor-item-active {
    color: BLUE !important;
}

    Just change each color: to whatever you like for each state. Let me know if this works for you

    Thread Starter jasoncsh

    (@jasoncsh)

    Hi Robert, thank you for your prompt reply. That worked a treat! It didn’t at first but I realised I forgot to change the numeric to what mine is. Now it works perfectly.

    Appreciate your help as this was frustrating me since last night! ??

    Many thanks,
    Jason

    • This reply was modified 4 years, 1 month ago by jasoncsh.
    Plugin Contributor Robert Wattner

    (@rwattner)

    Happy to help. I actually didn’t mean to put that part of the code in there. It should work without that selector entirely.

    /* DROPDOWN MENU ITEMS COLOR AFTER SCROLL POINT */
.she-header .elementor-nav-menu--dropdown a {
    color: RED !important;
}
/* DROPDOWN MENU ITEMS HOVER COLOR AFTER SCROLL POINT */
.she-header .elementor-nav-menu--dropdown a:hover {
    color: GREEN !important;
}
/* DROPDOWN MENU ITEMS ACTIVE COLOR AFTER SCROLL POINT */
.she-header .elementor-nav-menu--dropdown a.elementor-item-active {
    color: BLUE !important;
}
    Thread Starter jasoncsh

    (@jasoncsh)

    That’s great, thank you again Robert. You’ve been very helpful indeed!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Dropdown link text colour’ is closed to new replies.