Tell us what’s happening:
Hi, I am trying to get my header to stay at the top of the page when scrolling as required to pass the challenge. I changed the position to fixed, but now it is blocking elements that follow it in the document flow. I guess this makes sense since position fixed literally takes the element out of the document flow. However, I’m now confused as to how to get the content that’s hiding behind the header, to appear below the header where it would normally appear if the header didn’t have a fixed position. What would be the best way to accomplish this?
Your code so far
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.
Well first things first, if you want to hide it, you have to change your header background color. Then when that’s done, you can use the CSS property z-index with a high number so it will always be on the top. Ex: