Changing header from fixed to scroll

• 

  juliemcgregorphotography · Member · Jan 25, 2016 at 5:45 am

  • Copy link
  • Add topic to favorites

  Hello! I am new to all of this, and learning as I go along. I am trying to make the header on my page scroll. Right now it is fixed and looks terrible as you scroll to read posts.

  I tried changing it in the editor. I changed this fixed to scroll. And it worked, but when I scroll back up to the top, my header disappears.

  .logo {
  text-align: center;
  position: fixed;
  -webkit-animation: fadein 5s;
  -ms-animation: fadein 5s;
  animation: fadein 5s;
  top: 5px;
  left: 70px;
  z-index: 100;

  website is http://www.juliemcgregorphotography.com

  Please help me, I am lost :)

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

• 

  staff-jeanpierreac · Staff · Jan 25, 2016 at 7:57 am

  • Copy link

  Hi there.

  Have you tried this?

  .logo{
      position: absolute;
  }

  Hope this helps!

• 

  juliemcgregorphotography · Member · Jan 25, 2016 at 6:40 pm

  • Copy link

  YES!!!! that did it! Thank you SO much!!

• 

  staff-jeanpierreac · Staff · Jan 26, 2016 at 11:42 am

  • Copy link

  :)

  My pleasure!