Site URL: https://znbh.co
I'm trying to make my logo shrink on scroll using custom code, but nothing I am doing seems to be working. Here is what I have so far, gathered and altered based on what I've seen from other posts similar to my own:
<script>
//Shrink Your Logo
.title-nav-wrapper .site-title img {
transition: max-height 140ms ease-in-out
}
.title-nav-wrapper.shrink {
padding-top: 20px!important;
padding-bottom: 20px!important;
.site-title img {
max-height: 40px;
}
}
</script>
what's wrong with this? why won't it work on my site?