Sticky Menu/Nav Bar

• 

  experiencenewfoundland · Member · May 16, 2015 at 5:01 pm

  • Copy link
  • Add topic to favorites

  Hello
  I want to have my nav bar frozen so it doesnt scroll with the page. Cannot find a CSS code that works.

  Thanks

  Matthew

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

• 

  staff-happychia · Staff · May 17, 2015 at 7:43 am

  • Copy link

  I can see that you are able to fix the nav menu using custom CSS. Well done :)

• 

  experiencenewfoundland · Member · May 17, 2015 at 7:01 pm

  • Copy link

  Thanks, practically a pro now!

• 

  deblizdesign13 · Member · May 18, 2015 at 12:37 am

  • Copy link

  Care to share your solution? :D

• 

  staff-happychia · Staff · May 18, 2015 at 8:55 am

  • Copy link

  @deblizdesign13,

  @experiencenewfoundland’s solution is this:

  .main-navigation {
      position: fixed;
      z-index: 1
  }

  But note that custom CSS is theme specific so you can’t use this as-is unless you are using the same theme as @experiencenewfoundland’s.

• 

  experiencenewfoundland · Member · May 18, 2015 at 6:10 pm

  • Copy link

  .main-navigation {
  position: fixed;
  z-index: 1;
  }

  You beat me to the punch!

• 

  deblizdesign13 · Member · May 18, 2015 at 6:18 pm

  • Copy link

  Thank you both very much! Worked beautiful once I changed the specifics for my theme! :) Appreciate the help!

  -D

• 

  deblizdesign13 · Member · May 18, 2015 at 6:19 pm

  • Copy link

  *beautifully too! ;-)

• 

  experiencenewfoundland · Member · May 18, 2015 at 9:25 pm

  • Copy link

  awesome!