I just built a landing page using HTML and CSS. I kept its navbar fixed to the top but when I scroll the page, the content from the main content seems to overlap the navbar. I used various properties like z-index and all but of no use.
In the following picture you can see the issue I described above:
