Hide header initially?

Hi, how can I hide the header initially and only show it when user scrolls down? I tried the following css but it didn’t work. Thank you!

.whb-main-header .whb-general-header:not(.whb-sticked)
{
   display:none;
}

.whb-sticked .whb-main-header .whb-general-header
{
   display:block;
}

Hello,

Please replace the CSS with the following then check back.

.whb-header {
    display: none;
}

If it still doesn’t work then provide the login details of the website.

Best Regards

[Author]

Posts