Menu color change on scroll

  • Resolved melanie71

    (@melanie71)


    2 weeks, 6 days ago

    Hello! I have been using your plugin for years – such a great plugin and such amazing support ??

    I am working on a new project and have managed to find some of the Custom CSS I need via your support tickets, but can’t quite get everything working so hoping you can help.

    My site is here https://staging.rapidwebsites.com.au/munja/ and I am using the Powerpack Elements Advanced Menu widget.

    The things I haven’t managed to change on scroll are:

    1. The double lines on menu item Hover and Active.
    2. The burger menu on mobile.

    Any advice would be greatly appreciated. The Custom CSS I am using is below, but I obviously haven’t got it quite right …

    .she-header .pp-advanced-menu a {
    color: #581F32 !important;
    }

    .she-header .pp-advanced-menu a:hover {
    color: #581F32 !important;
    }

    .she-header .pp-advanced-menu a:active {
    color: #581F32 !important;
    }

    .she-header .pp-advanced-menu–main:not(.pp–pointer-double-line) .elementor-item:after, .she-header .pp-advanced-menu–main:not(.pp–pointer-double-line) .elementor-item:before {
    background-color: #581F32 !important;
    }

    .she-header .pp-menu-toggle .pp-hamburger {
    color: #581F32 !important;
    }

    Regards

    Melanie

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

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

    (@rwattner)

    Hi,

    I’m happy you like the plugin.

    When I go to that link I don’t see a menu at all?

    Is there another page that has a menu? I’d be happy to help if I had something to work off of.

    Thread Starter melanie71

    (@melanie71)

    So sorry Robert! Elementor had been looking at something for me, and left half the plugins deactivated ??

    The link is working now https://staging.rapidwebsites.com.au/munja/

    Regards

    Melanie

    Plugin Contributor Robert Wattner

    (@rwattner)

    Here you go.

    Let me know if this works for you.

    1. The double lines on menu item Hover and Active.

        .she-header .pp-menu-item:before, .she-header .pp-menu-item:after {
            background-color: #581F32 !important;
        }

        2. The burger menu on mobile.

        .she-header .pp-hamburger-inner, .she-header .pp-hamburger-inner:before, .she-header .pp-hamburger-inner:after {
            background-color: #581F32 !important;
        }

        Thread Starter melanie71

        (@melanie71)

        Thank you so much Robert! Works perfectly ??

        Regards

        Melanie

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