Logo and menu to appear once scrolling

Site URL: https://www.wearesociety.co.nz/home-21

Hey team, hoping someone can help me. 

I am trying to make this page work so the logo and menu only appears once the user has scrolled past the big 'Society' logo on the home page on desktop. 

Any help would be much appreciated, cheers

https://www.wearesociety.co.nz/home-21

PW: 1852

31 minutes ago, Tom5362 said:

Site URL: https://www.wearesociety.co.nz/home-21

Hey team, hoping someone can help me. 

I am trying to make this page work so the logo and menu only appears once the user has scrolled past the big 'Society' logo on the home page on desktop. 

Any help would be much appreciated, cheers

 

https://www.wearesociety.co.nz/home-21

PW: 1852

Do your mean when you scroll back to this section, your header shows?

Hey man, 

So I want the small logo+menu items to not be visible when you first land on the page. Then once you start scrolling they appear. 

Does that make sense?

Cheers for your help

On 4/18/2022 at 6:36 AM, Tom5362 said:

Hey man, 

So I want the small logo+menu items to not be visible when you first land on the page. Then once you start scrolling they appear. 

Does that make sense?

 

Cheers for your help

Add to Design > Custom CSS

header#header:not(.shrink) img, header#header:not(.shrink) .header-nav {
    opacity: 0;
}

Hello,

I hope someone can help me. 
I added the code for the menu appears after the scroll, and it works perfectly, thank you very much. However, I'd like this code to be active only on my homepage and not on the whole site. For the others pages, I want the menu to be visible from the start. Do you think this is possible? 

Many thanks in advance

On 9/4/2024 at 4:19 PM, M_dupless said:

Hello,

I hope someone can help me. 
I added the code for the menu appears after the scroll, and it works perfectly, thank you very much. However, I'd like this code to be active only on my homepage and not on the whole site. For the others pages, I want the menu to be visible from the start. Do you think this is possible? 

Many thanks in advance

If you use above code, change it to this

body.homepage {
header#header:not(.shrink) img, header#header:not(.shrink) .header-nav {
    opacity: 0;
}
}