Sidebar movement

  • Hi my site is https://www.thecasserole.ca

    I am making a child theme of twenty fourteen

    im wondering why on posts, and archive pages my sidebar is in one place, but then when i go to a page, the sidebar moves slightly. can’t seem to pinpoint what is making this happen.

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

  • Hi mellissaa,

    It seems what is missing from your pages #secondary code is the following: 

    padding-left: 1px;
    padding-right: 1px;

    For example, your page #secondary code is:

    #secondary {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    width: 200px;
    color: rgb(0, 0, 0);
    margin-bottom: 40px;
}

    and for your posts: 

    #secondary {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    width: 200px;
    color: rgb(0, 0, 0);
    margin-bottom: 40px;
    padding-left: 1px;
    padding-right: 1px;
}
    Thread Starter Anne

    (@mellissaa)

    thankyou! i got the sidebar fixed using padding.

    still can’t figure out what is making the navbar disappear and all the content jump though when you scroll down.

    Thread Starter Anne

    (@mellissaa)

    its got something to do with the nav bar moving down when you scroll in twenty fourteen but can’t figure out how to stop it from happening

    It seems the .site-header for the pages is set to height: 10px;. Make it to 80px, like it is on the posts:

    .site-header {
    background: none repeat scroll 0% 0% blue;
    height: 80px;
}
    Thread Starter Anne

    (@mellissaa)

    I got it ! thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sidebar movement’ is closed to new replies.

Tags