Fixed Header 2011 theme

  • Resolved beaujangls1

    (@beaujangls1)


    13 years, 2 months 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:
    https://theconductorswhiskey.com/?page_id=11

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Add a margin-top to the #primary div.

    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.

    Thread Starter beaujangls1

    (@beaujangls1)

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

    Exactly what I want to do (as I look at https://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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Fixed Header 2011 theme’ is closed to new replies.