MyBB Community Forums

I am trying to get my (Logo) and (Navigation) divs to go underneath the fixed header instead of going over it. I made the position on the divs stay attached to the (Header) div which is going under the fixed header. Can anyone help me with this?

Problem: http://gyazo.com/3eb7af94b9495058c0699928d967fe81
Website: http://comingsoon.visualizeedits.com/

I Cant understand you Please can you explain a bit more?

I put position: absolute; which make my divs go over my fixed header instead of underneath it when scrolling.

Try adding z-index to your fixed header:

#fixed_header {
background: url("../../../images/backgrounds/top_header.png") repeat scroll 0 0 transparent;
height: 35px;
position: fixed;
width: 100%;
z-index: 10; <----try adding this
}

The number 10 can be any number, even 1, as long as other elements on the page don't have a number higher than the blue fixed_header.

(2013-07-19, 05:50 AM)Greg Winston Wrote: [ -> ]Try adding z-index to your fixed header:

#fixed_header {
background: url("../../../images/backgrounds/top_header.png") repeat scroll 0 0 transparent;
height: 35px;
position: fixed;
width: 100%;
z-index: 10; <----try adding this
}

The number 10 can be any number, even 1, as long as other elements on the page don't have a number higher than the blue fixed_header.

Thank you!! I was really concerned with what z-index is and you explained it perfectly! Thanks!