Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #6772
    Yashpatidar967
    Participant

    I’m using catch sticky menu on wordpress and it’s awesome. I just have one query, i’m not able to change logo on scrolling. If you could provide me the css code for the same, it would be highly appreciated. Thanks in advance.

    Website in which i want to make changes- https://theinfluencex.com/

    #6779
    Skandha
    Keymaster

    @yashpatidar967: Hello there,
    Rather than changing the logo on scrolling. You can a few colors when the menu is sticky.

    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #site-header.catchSticky {
        background-color: #980095 !important;
    }
    
    #site-header.catchSticky #site-navigation-wrap .dropdown-menu > li > a {
        color: #fff !important;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #6783
    Yashpatidar967
    Participant

    Thanks for the help. But i want different logo when someone scrolls. I want a coloured logo when someone scrolls.

    #6784
    Skandha
    Keymaster

    @yashpatidar967: Hello there,
    Can you try adding the following CSS Code.

    .catchSticky #site-logo img {
        filter: invert(1);
    }

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    #6785
    Yashpatidar967
    Participant

    Yes. This worked, this changed the color from white to black on scroll but i want this logo on scroll http://prntscr.com/s3yddj. Thanks in advance

    #6802
    Skandha
    Keymaster

    @yashpatidar967: Hello there,
    I am afraid that is not possible.
    For that you will need to use another logo when the menu is scrolled but it is not possible to upload more that one logo. If you really need to use two logos I suggest you to hire a customizer to get it done.

    Kind Regards,
    Skandha

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