There's a ~1px gap above my Navbar when I scroll on my webpage

When I publish my site, there is a ~1px gap that appears between the top of the page and the Navbar. And this reveals all the contents behind it when I scroll. It doesn’t happen in the preview mode in Webflow Editor though. Can someone please help me with this?

Published version: https://viveks-revised-portfolio.webflow.io/
Read-only link: https://preview.webflow.com/preview/viveks-revised-portfolio?utm_medium=preview_link&utm_source=designer&utm_content=viveks-revised-portfolio&preview=8b6c9096695488496ca6caeacbdbb4a7&pageId=6067ef9f044730c60c35732d&mode=preview

Could you please share a screenshot of the issue you are facing. I am unable to see any Navbar problems on my screen.

1 Like

Screen Recording

Interesting, I am still unable to see the effect on my screen. This might be redundant, but which browser are you using? Because there are some browsers that do not support sticky, click here to see which one. Like I said before, on my Chrome and Firefox, I see no issues with your navbar!

1 Like

I actually just tried it on Safari and I don’t see it happen either! I’m running the latest version of Chrome, but it must probably be my cache settings. Either way, I’m glad it’s not showing up on other browsers! Thank you for your help! :grinning:

1 Like

I am glad I was of any help, happy designing buddy! :smiley: