Trigger hamburger icon on scroll with Carmine template

Dear Forum!

I would like to trigger a hamburger icon to replace the navigation bar on scroll, with the Carmine template. So: not only after the media breakpoint, but on desktop screens as well..

Attached are 2 screenshots:
1 of the desired result on scroll
1 of the navigation bar as it is now

As you can imagine, i'm trying to get the heart logo (+ hamburger) to pierce right through the middle of the page while scrolling down. Needless to say that with the original navigation bar this becomes a visual mess.. 🙃

Can someone help? I would be ever so grateful!

Thanks a bunch,
Celina