Product Landing Page (A issue with the Position of the nav element)

Thank you for reading!
I was designing “product landing page” as one of the responsive web design projects. The issue is that when I scroll down the page, the content below the nav-bar goes overs it. It looks so tedious when that content goes over the navigation bar.


Link to my project:

can you please help me point out where the exact problem is?
Thanks in advance.

Give the header element a positive z-index value (e.g. z-index: 10)

1 Like

Thank you so much , that’s really work.