Issue with navigation bar

Here is what I have… https://codepen.io/aetones/pen/ExVzOXB?editors=1100

As you can see, my navigation bar overlaps the elements directly below. How can I fix this? Any other suggestions would be appreciated.

The position fixed style removes the element from the document flow as though it was not there. So you will have to add a margin-top at least equal to the height of your nav bar to your content.

Thank you for helping me better understand the fixed style. I’d added margin-top and it is fixed now. Thanks.