Alright, looks like it worked.
There’s just a tiny hiccup there now instead of a big jump, which is totally fine.
I ended up moving the code you gave me to the max-width: 1023px section instead of @767px.
With the size of my logo, the .site-header was taking up too much real estate at smaller screens when scrolling.
Thanks for your help, much appreciated =)