Static header image in chunk theme

• 

  magpiethat · Member · May 30, 2013 at 2:27 am

  • Copy link
  • Add topic to favorites

  I want my header image and menu to remain static while everything else scrolls. Been trying to trouble shoot this all day and cannot find an answer that works.

  Any help will be hugely appreciated.

  Thank you.

  http://www.magpiethat.com

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

• 

  justpi · Member · May 30, 2013 at 3:17 am

  • Copy link

  a) Do I understand correctly that you don’t want the regular blog title and tagline to show, or have you moved them out of sight by mistake?
  b) Note that CSS editing questions should be posted in the CSS forum, not the Support forum.

• 

  magpiethat · Member · May 30, 2013 at 10:54 am

  • Copy link

  I have hidden them and replaced them with a header image. I now want the header image and the navigation menu to stay at the top of the screen while viewers can scroll through the content of my blog.

• 

  justpi · Member · May 30, 2013 at 12:19 pm

  • Copy link

  You’ve added this:

  #header {
      background-color: #FFFFFF;
      min-height: 10px;
      padding-top: 0;
      position: fixed;
      width: 800px;
      z-index: 300;
  }

  and this:

  #menu {
      text-align: center;
  }

  Change them to

  #header {
      display: none;
  }

  and

  #menu {
      text-align: center;
      background-color: #FFFFFF;
      position: fixed;
      top: 26px;
      z-index: 111;
  }

  Then add this, to make the content start below the menu when one hasn’t started scrolling down:

  #contents {
      padding-top: 180px;
  }