Need help? Check out our Support site, then


Keep header at top while scrolling

  1. Hi. A user on the French forums asks if it's possible to keep the header (or the header tabs) on top at all times, even when scrolling down. I suppose it might be possible with the Custom Design upgrade, but I wanted to make sure first. Their address is: http://alternativeslibresblog.wordpress.com/

  2. Oh god. Yes, I remember Geocities.

  3. thesacredpath
    Staff

    Yes, it is possible with CSS. The following would work with Nishita and the content will flow up underneath the header. They would need to try it (after the Custom Design Upgrade) both while logged in and while logged out as I'm not entirely sure if everything will shift down properly for the admin bar. If it doesn't adjust for the admin bar, I'll have to do some more ciphering.

    .container {
    position: relative;
    }
    
    #header {
    position: fixed;
    }
    
    .main #sidebar {
    margin-top: 190px;
    }
  4. ~~ thesacredpath
    Hey there -- you are amazing. :)

  5. ~~ raincoaster
    I thought I'd washed geocities from my mind but brought them back. :\

  6. thesacredpath
    Staff

    Yeah, thanks raincoaster. Now I'm going to have nightmare for weeks!

    Timethief, thanks.

  7. Hi !
    I'm the administrator of this website http://alternativeslibresblog.wordpress.com/
    Thank you to everybody, for helping me (specially airodyssey and thesacredpath).
    I did that :

    Yes, it is possible with CSS. The following would work with Nishita and the content will flow up underneath the header. They would need to try it (after the Custom Design Upgrade) both while logged in and while logged out as I'm not entirely sure if everything will shift down properly for the admin bar. If it doesn't adjust for the admin bar, I'll have to do some more ciphering.

    .container {
    position: relative;
    }

    #header {
    position: fixed;
    }

    .main #sidebar {
    margin-top: 190px;
    }

    ... but my main page begin too top. For exemple : http://alternativeslibresblog.wordpress.com/habitats/construction-en-bottes-de-paille/ The first image is cutting...

    Can I have another help please ? :o)

    Thank you :o)

  8. thesacredpath
    Staff

    What a difference a single comma can make. I forgot one right after .main in the selector below.

    .main, #sidebar {
    margin-top: 145px;
    }
  9. Thank you very much ! It's good for me :o)
    Have a nice week !

  10. thesacredpath
    Staff

    You are welcome and you too.

Topic Closed

This topic has been closed to new replies.

About this Topic