how to fix header?

• 

  mazageen · Member · Dec 5, 2012 at 2:52 am

  • Copy link
  • Add topic to favorites

  Hi, please could someone help me fix the header for mazageen.net? I believe it would need to fix <h1group>. I’ve tried several tutorials but can’t figure it out.

  Much appreciated.

  Sarina

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Dec 27, 2012 at 4:02 am

  • Copy link

  In your custom CSS, you’ve set “div#header.row” to have fixed positioning. that means it will be taken out of the normal flow and everything else on the page moves up to display inline.

  Just to make sure, is your end goal to make it so the header stays in place even when the content of the site is scrolled? Are you sure you want to do that?

• 

  designsimply · Member · Dec 27, 2012 at 4:19 am

  • Copy link

  If you want to keep the header a fixed position and prevent the content of the posts from showing through when you scroll, you could do something like this:

  #header {
  	background: #fff;
  	max-width: 1100px;
  }
  
  body {
  	margin-top: -20px;
  }