Hide header scroll down, show on scroll up

Site URL: https://www.kowalacreative.com

Hello everyone,

I'm looking for a solution to my problem. My website is www.kowalacreative.com and currently I have a non-static header. I'm trying to create a header/nav bar that will hide when the user scrolls down, but re-appear when they scroll back up (on desktop and mobile). 

Does anyone have a solid solution to this issue?

maybe helpful (need Business Plan or higher) https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c