Site URL: https://circle-triceratops-tem9.squarespace.com/home

Hello! Seeing tons of solutions to shrink the logo on scroll, but what about the site title? Futzing around with it and can't seem to make it work. Any help would be much appreciated!

Just a test site:

https://circle-triceratops-tem9.squarespace.com/home

password: view

Hello!

Add the below code in Settings -> Advanced -> Code Injection > FOOTER

 

<script>
window.addEventListener("scroll", function() {
  var siteTitle = document.querySelector("#site-title"); 
  if(window.pageYOffset >= 30) {
    siteTitle.className = "smaller-font";
  } else {
    siteTitle.className = "";
  }
});
</script>

And the below code in Design -> Custom CSS 
 

#site-title.smaller-font {
    font-size : 23px;
}

2 hours ago, sorca_marian said:

Hello!

Add the below code in Settings -> Advanced -> Code Injection > FOOTER

 

<script>
window.addEventListener("scroll", function() {
  var siteTitle = document.querySelector("#site-title"); 
  if(window.pageYOffset >= 30) {
    siteTitle.className = "smaller-font";
  } else {
    siteTitle.className = "";
  }
});
</script>

And the below code in Design -> Custom CSS 
 

#site-title.smaller-font {
    font-size : 23px;
}

 

Amazing, thank you so much!

😀