@tuanphan , I was missing the "-mobile-", and extra {}. That works. Thank you!
If anyone sees this in the future, I had to add a min width to the desktop css, here is the full junk of code.
//* Header Image Overhang Desktop *//
@media screen and (min-width:768px) {
.header-title-logo, .header-title-logo a {
overflow: visible !important;
margin-bottom: -32px;
}
header#header img {
transition: all 0.3s;
}
header#header.shrink img {
max-height: 100px;
transition: all 0.3s;
}
}
//* Header Image Overhang Mobile *//
@media screen and (max-width:767px) {
.header-mobile-logo, .header-mobile-logo a {
overflow: visible !important;
margin-bottom: -14px !important;
}
header#header img {
transition: all 0.3s;
}
header#header.shrink img {
max-height: 60px;
transition: all 0.3s;
}
}
//* Mobile Header Padding *//
@media screen and (max-width:767px) {
.tweak-fixed-header .header .header-announcement-bar-wrapper {
padding-top: 1vw !important;
padding-bottom: 1vw !important;
}
}
Adjust variables as needed