Freeze Header when scrolling?

  • Author
    Posts
  • #1487638

    froglord
    Member

    Hi,
    I want my header to freeze when scrolling down. I typed the code:
    position: fixed;
    width:100%;

    When I scroll down the header remains but the main div (‘div id=content’) scrolls over the header.

    My page: http://www.danielwk.com/?p=317

    What can I do so that the header will be “firm” and the scrolling down would happen “underneath” it?

    thnx.

    The blog I need help with is froglord.wordpress.com.

    #1487716

    Hi there, the site you referenced is a self-hosted WordPress.org site and is using a theme that we are not familiar with. I would suggest contacting the theme designer, if they have a forum or provide support, or you can post in the Themes and Templates forum at WordPress.org.

    That said, I would try adding a background color to #header since I don’t see the content going over the header area. You will likely have to do some redesign work though.

    #1487754

    froglord
    Member

    I did add color but it just fills it over the text of the menu and not underneath it, and also, the main div is still on top of it when scrolling.

    Thanks for the reply, I shall now go to find another path that is sacred to find answers. Cheers.

    #1487758

    Cheers and best of luck.

The topic ‘Freeze Header when scrolling?’ is closed to new replies.