.scroll-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    transform: translateY(-150%);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out !important;
}

body.admin-bar .scroll-header {
    top: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 782px) {
    body.admin-bar .scroll-header {
        top: 46px;
    }
}

.scroll-header.is-visible {
    transform: translateY(0);
}