Solved Issue with Header Transition after Implementing Scroll Effect

Hello,

I’ve implemented a header effect where the header hides when scrolling down and reveals itself when scrolling up using the guide from the official Divi blog: How to Reveal Your Global Header While Scrolling Up and Hide While Scrolling Down with Divi. You can see the issue on my website: https://www.dgtattoo.sk/.

While the scroll effect works fine on mobile devices, on desktop, the header behaves differently during the initial page load. It seems to shrink (smoothly, just a few pixels) as the page is loaded, but this happens without any scroll interaction. After the page is fully loaded, the effect works correctly, but the initial shrinkage is still noticeable.

I’ve tried several adjustments, but I am still experiencing this issue on the desktop version. Could someone help me troubleshoot this? I’d appreciate any advice on how to prevent the initial "shrinking" effect that occurs when the page loads.

Thank you in advance!