.sticky-header { width: 100%; position: fixed; left: 0; top: -200px; z-index: 9999; opacity: 0; @include transition-time(0.7s); } .sticky-on { opacity: 1; top: 0; } .header-style-1 .sticky-header { background-color: #000; } .header-style-2 .sticky-header { background-color: $white; box-shadow: 0px 0px 30px 1px rgba(23, 46, 73, 0.09); } .header-style-3 .sticky-header { @include widther(992px) { .navbar-brand { top: 0; margin-top: 0; } .navbar-brand img { max-width: 92px; } } }