DTJ Header Fix

.site-header {
transition: padding 0.3s ease, box-shadow 0.3s ease;
}

.site-header--layout--nav-float {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
min-height: 64px;
box-sizing: border-box;
}

@media (min-width: 992px) {
.site-header-logo img {
max-height: 40px;
transition: max-height 0.3s ease;
}
}

.header_scrolled .site-header--layout--nav-float {
padding-top: 0.35rem !important;
padding-bottom: 0.35rem !important;
min-height: 48px;
}

.header_scrolled .site-header {
background: #fff !important;
opacity: 1 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
}

.header_scrolled .site-header-logo img {
max-height: 28px !important;
}

@media (max-width: 767px) {
.site-header--layout--nav-float {
padding-top: 0.4rem !important;
padding-bottom: 0.4rem !important;
min-height: 48px;
}
.site-header-logo img {
max-height: 30px !important;
}
.header_scrolled .site-header--layout--nav-float {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
min-height: 44px;
}
.header_scrolled .site-header-logo img {
max-height: 24px !important;
}
}

Follow me!