Reveal Logo on Scroll 7.1

Site URL: https://jaclyncdesign.squarespace.com/

Hello!

I'd like the logo in my header navigation to appear only after I start scrolling down the page. Preferably right after the other logo image disappears. Can someone help me accomplish this?

https://jaclyncdesign.squarespace.com/

Password: Help2022

Add to Design > Custom CSS

header#header img {
    opacity: 0;
    transition: all 0.3s ease;
}
header#header.shrink img {
    opacity: 1;
    transition: all 0.3s ease;
}

11 hours ago, tuanphan said:

Add to Design > Custom CSS

header#header img {
    opacity: 0;
    transition: all 0.3s ease;
}
header#header.shrink img {
    opacity: 1;
    transition: all 0.3s ease;
}

 

This worked perfectly. Thank you for always being so helpful!