Support » Plugin: Sticky Header Effects for Elementor » Nav menu link colors won’t change on scroll

  • Resolved mariodraghi9

    (@mariodraghi9)


    Hi Robert,
    I think I have achieved everything I need regarding the header using your plug-in, but there is a minor issue.
    The logo changes its color when on scroll, but the links won’t despite adding external css.
    Do you have any idea where the issue lies?
    Many thanks in advance.

    • This topic was modified 1 month, 4 weeks ago by mariodraghi9.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Robert Wattner

    (@rwattner)

    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?

    Plugin Author Robert Wattner

    (@rwattner)

    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;
    }
    Thread Starter mariodraghi9

    (@mariodraghi9)

    Solved. A saviour!

    Plugin Author Robert Wattner

    (@rwattner)

    Happy to help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.