Search code examples
htmlcsspositionpositioning

Div hides behind a div with "position:fixed"?

So I'm currently building a website for school and I've put the navigation bar so its fixed, but now the div slides behind the navigation bar, its really not that noticable but it is just bugging me. Does anyone know if there is a way to fix this?

Without the fixed positioning : http://prntscr.com/18kufb

With fixed positioning: http://prntscr.com/18kurb

The Website : http://penguin.baileywhite.vacau.com

CSS File http://penguin.baileywhite.vacau.com/library/css/style.css

I know its a lot to look at for so little to fix, its just really bugging me and if anyone can help fix this it would be highly appreciated.

Thanks!

Bailey.

Solution

  • On the .pure-g-r set margin-top: 36px; and on your #nav set top: 0;. This will assure you that your navigation will always stick to the top of the window.