Adventure theme fixed top menu

• 

  blissfestmusic · Member · Dec 6, 2016 at 1:33 pm

  • Copy link
  • Add topic to favorites

  I want to make the menu at the top of my site follow you down the page as you scroll. I have a very specific set of patrons and if the menu stays at the top they will get lost down the page. Can someone please help me with the css. I have tried #header { position: fixed; } and it works but it is very very rough and cuts off the ends and messes up with logo at the top. I can copy and paste……

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

• 

  thesacredpath · Member · Dec 6, 2016 at 9:38 pm

  • Copy link

  Hi there, give the following a try. I’ve limited this to screens/windows 1024px and wider since below that the touch device menu activates and this change would make that go awry.

  @media screen and (min-width: 1024px) {
  #header {
  	position: fixed;
  	width: 100%;
  }
  #page-210 {
  	margin-top: 100px;
  }
  #custom-header {
  	margin-top: 50px;
  }
  }