znx

Thank you so much! That worked like a charm!

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?