Reply To: [Solved] Page Header Fixed While Content Scrolls Below…

[Historical Forums User]

I was just curious… But I think I figured it all out thanks to your help. I actually ended up needing both #header and #headerWrapper. This was what I came up with to get everything where it needed to be (may need some fine tuning for exact placement):

#headerWrapper {
position: fixed;
width: 96.2%;
left: 1.9%; /* so it centers given the width you’ve used*/
height: 150px;
top: 0px;
background: #1a1a1a;
}

/* With the above, I needed to move the logo and menu down /
#header {
position: fixed;
width: 96.2%;
left: 1.9%; / so it centers given the width you’ve used*/
top: 30px;
background: #1a1a1a;
}

/* This moves the content down to be below the header */
#pageWrapper {
top: 140px;
position: relative;
}

Thanks!