Fixed Menu

• 

  fringeparanormal · Member · Dec 23, 2014 at 12:21 pm

  • 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)

• 

  thesacredpath · Member · Dec 23, 2014 at 6:06 pm

  • Copy link

  What you would do would be to use position: fixed; on the main parent navigation div, but this will not work in all themes. It all depends on how the HTML and CSS are structured.

  If you are going to do this, I would suggest choosing a theme where the main menu is at the very top of the page. If the menu is below a header image or the title and tagline, things can complex.

• 

  staff-happychia · Staff · Dec 23, 2014 at 6:20 pm

  • Copy link

  Thanks @thesacredpath. I thought so but wasn’t sure, hence recommended @fringeparanormal to post in CSS forums.

  Please use the CSS in this thread with your current theme OR change the theme as @thesacredpath mentioned.

• 

  thesacredpath · Member · Dec 23, 2014 at 6:46 pm

  • Copy link

  Great, staff-happychia thanks a lot, and you are welcome. :)