Disable/hide site title and tagline if scrolled or shrink header area

When you scroll, the header stays "stuck" at the top, which I really like, but it takes up too much vertical space with the logo, title, and tagline. Is there a way to disable the site title and tagline when scrolled? Or shrink the branding area similar to how Adventurous Pro does? https://pmeglobalsolutions.com/