Hide logo until user scrolls

Hello,

I would please like to know how to do this: Hide the logo and to make it appear after a user has scrolled down a bit but for the West theme. Site is here:

afro.co.za

Thanks,

Grant

Hello Grant, try to use the following CSS code.

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

#masthead:not(.header-scrolled) img.site-logo {
    display: none;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Works great, thanks @roman!

You are welcome! :slight_smile:

Kind Regards, Roman.