oxygen theme: keep HEADER stay put as viewers scrolling down

• 

  orientaltextiles · Member · Sep 2, 2015 at 10:49 pm

  • Copy link
  • Add topic to favorites

  For Oxygen theme, is it possible to keep HEADER stay put as viewers scrolling down?

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

• 

  thesacredpath · Member · Sep 3, 2015 at 12:16 am

  • Copy link

  Hi, the following is a media query that will fix the header area (including the nav) on screens 600px and wider. At 599px and narrower, the touch device menu for tablets and phones activates and it would not work well on those devices.

  @media screen and (min-width: 600px) {
  .site-header {
      position: fixed;
      top: 0;
      background: #fff;
      z-index: 10;
  }
  #main {
      margin-top: 200px;
  }
  }

• 

  orientaltextiles · Member · Sep 3, 2015 at 4:05 am

  • Copy link

  Yes, it works on screens 600px and wider. Thanks for your help!

• 

  thesacredpath · Member · Sep 3, 2015 at 6:56 am

  • Copy link

  You are welcome.