Swap out Logo Image on Scroll

  • Resolved rathean

    (@rathean)


    6 years, 7 months ago

    When a user scrolls down the page and the sticky menu appears I would like to be able to swap out the logo image and change the top menu font color… as you can see the contrast currently does not work. Any help really appreciated.

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello, try to use the following CSS code.

    You can add CSS code in Customize → Additional CSS section.

    .float-header .site-logo {
    filter: brightness(3) grayscale(1) contrast(2);
}

.float-header #mainnav ul li a,
.float-header #mainnav ul li::before {
    color: white;
}

    Kind Regards, Roman.

    Thread Starter rathean

    (@rathean)

    Great CSS, thanks Roman

    You are welcome! ??

    Kind Regards, Roman.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Swap out Logo Image on Scroll’ is closed to new replies.