I’ve actually got two problems that I believe are bugs (or at least I can’t explain why they’re happening).
On tablet screen sizes or below, all elements in this navbar disappear and the whole navbar becomes blank, but if I slightly adjust the screen size, the elements would become visible again. I could then change the screen back the size it was previously, and all the elements would remain visible. But if I reload the page at any screen size from tablet below, then the navbar will become blank again until I nudge the screen-size. This problem doesn’t happen all the time.
I have an animation that triggers the navbar to appear on scroll up, and disappear on scroll down. That animation works fine. However, when I reload the page, scrolling down a tiny bit triggers the navbar to appear and disappear quickly. This only happens upon reloading the page
I’ve tried recreating this animation in two different projects, both with the same results.
Here are videos of the two problems:
(disappearing navbar elements) https://streamable.com/rheop
(scrolling up and down) https://streamable.com/jt2zc
Although I encountered both issues initially on the one site, I tried to replicate problem number 2 on another site, so I’ve got two sharelinks:
https://preview.webflow.com/preview/total-image-supplies-28827abec92495e0e6?preview=eedac2127f667e54c3ec13c8d795d654 (Look on the page called “Equipment” for the navbar with the disappearing elements - it’s a fixed one that appears when you scroll up and down the page)
https://preview.webflow.com/preview/playground-36925d?preview=b03ab7cc9985c5c3d8f22f71258d4761 (look for the page called Sticky NavBar)