bug: Inconsistent NavBar when scrolling the page

Describe the bug
When we scroll the page then the navbar makes the UI inconsistent

Expected behavior
When the page scroll , navbar should be remove dynamically

Info (please complete the following information):

This is either sticky or fixed position navbar but i don't think it create any problem ?

It is sticky positioning, but it looks off, would be better if it is removed dynamically when scrolling. Attaching some images of where it looks bad.

created a PR for this, fixed it

Navigation Menu