Hide header logo title until scroll - on one page only

Site URL: https://www.sheerdesign.co.nz

Hi, I'm wanting to hide the header logo on a homepage, but have it appear when the viewer scrolls.  I currently have it hidden, but can't find the right code to make it visible on scroll (maybe using a 'showOnScrollWrapper.show' command?). In short, I want it to appear when the header background becomes visible.

The current code I'm using is:

.homepage .header-title-logo {
    visibility: hidden;
}

Edit your code to this

.homepage header#header:not(.shrink) .header-title-logo {
    visibility: hidden;
}

Hi!! is there an update to this code for 7.1.
Also would like it to slowly fade in while scrolling.

Much appreciated!!! 

On 3/31/2023 at 11:36 AM, jjk291 said:

Hi!! is there an update to this code for 7.1.
Also would like it to slowly fade in while scrolling.

Much appreciated!!! 

Above code for 7.1. If it doesn't work, please share link to your site