making heading move with pages.

  • Unknown's avatar
    gerhardvdl · Member ·

    How to make my heading move with the pages?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    Are you trying to pin the white section with the menu in to the top of the screen?

    If so this can be accomplished by adding the following to your custom CSS. It basically mimics the behaviour of the WordPress admin bar, when the admin bar scrolls with the page so does the menu (otherwise it would end up hovering part way down on some tablets and mobiles):

    @media screen and (min-width:600px) {
  .site-header .top {
    position: fixed;
    top: 0;
  }
  body.admin-bar .top {
    top: 32px;
  }
  body.home .video-background,
  .middle {
    margin-top: 110px;
  }
  body.home .middle {
    margin-top: 0;
  }
}
@media screen and (min-width:600px) and (max-width:782px) {
  body.admin-bar .top {
    top: 46px;
  }
}

    If there’s any pages where the section following the header gets messed up then let me know, I’ve tested this on your home page, regular pages, blog page and blog posts and it looks OK on those.

  • The topic ‘making heading move with pages.’ is closed to new replies.