Certain div elements are overlapping fixed header


#1

Hello freeCodeCampers!

I’m working on my portfolio in CodePen, and I’m running into a very strange problem…

I have a fixed header at the top, which works well… However, when I scroll down certain elements located in divs are overlapping the header.

Can anyone give me any idea why this might be happening? Thanks in advance!

Here is the link: https://codepen.io/Meegs/pen/qXXKXW

NOTE: The portfolio itself obviously isn’t completed. I’m still adding information.


#2

Hey! First off, I like the style, the spinning gears are a great touch too! As far as the elements going over the navbar, check out the z-index CSS property. It might help out! :slight_smile:


#3

Thank you so much for the advice, and for the compliment! I’m pretty new to this type of coding, and it’s nice to know someone appreciates my feeble attempts :slight_smile:

It looks like the z-index is going to work, though it’s a little harder to tell on my phone since I’ve designed it for browsers. Thanks again!