WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Fixed Header 2011 theme (5 posts)

  1. beaujangls1
    Member
    Posted 3 years ago #

    Hello,
    I am trying to make the header of the 2011 theme fixed so that as you scroll through the page the header stays on the screen. I was able to do this using css in the style.css file for my child theme. The only problem is now I can not see the top of the page itself. Part of the page is under the header. here is a link to one of my pages:
    http://theconductorswhiskey.com/?page_id=11

    there is a gallery at the top that is not visible. Any help will be greatly appreciated!

  2. Michael Arestad
    Member
    Posted 3 years ago #

    Add a margin-top to the #primary div.

  3. viktor89
    Member
    Posted 3 years ago #

    in the same file (style.css) find

    .page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary {
    margin: 0;
    }

    and add
    margin-top: 210px;

    to it, so it says:

    .page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary {
    margin: 0;
    margin-top: 210px;
    }

    (change 210px, if you want it up/down)

    ...
    also as a sidenote I would remove

    height: auto;
    and
    width: 100%;
    from

    #branding img {
    height: auto;
    margin-bottom: -7px;
    width: 100%;
    }

    your logo shows up weird in chrome.

  4. beaujangls1
    Member
    Posted 3 years ago #

    thanks Michael and viktor89. both of your answers solved my problem!

  5. ssalter
    Member
    Posted 3 years ago #

    Exactly what I want to do (as I look at http://theconductorswhiskey.com/)

    and I added the following to my 2011 child theme:

    #primary {
    	float: left;
    	margin: 0 -26.4% 0 0;
    	width: 100%;
    	margin-top: 210px;
    }
    .page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary {
    margin: 0;
    margin-top: 210px;
    }
    
    #branding img {
    margin-bottom: -7px;
    }

    But alas, the header scrolls cheerfully out of sight along with my menu. Am I missing something mentioned above? Pls note I have quite a bit of other changes to my child style.css. Those "shouldn't" interfere with this but if you want to see that, I can paste it as well.

    Thanks for any assistance.
    Steve

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.