Fixed Menu

• 

  fringeparanormal · Member · Dec 23, 2014 at 1:53 am

  • Copy link
  • Add topic to favorites

  Hello,
  so I’m considering getting the custom CSS upgrade. but what I’m wondering is (and this is a general question right now for basically any theme) how can you make the menu stay at the top of the screen when you scroll down? Basically what I would like in the future is to have the header image scroll up as usual but have the menu stick to the top to make it easier on the reader to navigate. Thanks

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

• 

  staff-happychia · Staff · Dec 23, 2014 at 9:24 am

  • Copy link

  Could your post your question in CSS Area of the Forums: https://en.forums.wordpress.com/forum/css-customization where it has a better chance of getting noticed?

  The following CSS will fix your header + primary menu + secondary menu. However I understand you want the header to scroll and fix only primary + secondary menus. I don’t think it is possible without some jQuery which is can’t be added on WordPress.com. However I recommend you post in the CSS Area of the forums where some other experienced volunteers might have a solution.

  #header {
  margin: 0;
  position: fixed;
  z-index: 1;
  }
  
  .page-template-page-home-php #wrapper {
  	margin: 250px auto 20px auto
  }