Fixing the menu to the top of the page

• 

  notchangingmyname · Member · Sep 20, 2012 at 4:48 pm

  • Copy link
  • Add topic to favorites

  Thanks to help that I’ve received in the forum previously, I already know how to fix the menu to the top or the bottom of the page. What I’m looking to do now is create the effect found at the following link:

  http://cupcakesandcashmere.com/

  See how the menu starts below the header, but as you scroll down it becomes fixed to the top? That’s what I want. Is it possible with CSS?

  Thanks in advance!!

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

• 

  duto · Member · Sep 20, 2012 at 8:57 pm

  • Copy link

  Basically, you can do so by placing the navigation (#navigation) in the position of absolute (“position: absolute”). But it also depends on the theme you are using. To the theme you are using is not currently possible. Please check this article.

• 

  notchangingmyname · Member · Sep 21, 2012 at 10:31 pm

  • Copy link

  Thanks, i figured it out, kinda

• 

  houstonweaver · Member · Sep 21, 2012 at 11:56 pm

  • Copy link

  I like what you have with your sticky bottom menu. Can you share how you did it?

• 

  designsimply · Member · Sep 28, 2012 at 9:41 pm

  • Copy link

  @houstonweaver, I remember that she has posted it before. Check it out here:
  https://en.forums.wordpress.com/topic/menu-issues-2?replies=7#post-983351

• 

  designsimply · Member · Sep 28, 2012 at 9:45 pm

  • Copy link

  @notchangingmyname, the smart sticky menu in the example you linked actually uses a bit of Javascript, and so there’s not a way to add it to a WordPress.com blog since WordPress.com doesn’t allow you to add Javascript. Sorry about that.

  Here’s a tutorial I found in case you’re still curious about how it works:

  Simple smart sticky navigation bar with jQuery

• 

  houstonweaver · Member · Sep 29, 2012 at 12:05 am

  • Copy link

  @designsimply. Thanks. Should have thought to check out previous post.

• 

  designsimply · Member · Sep 29, 2012 at 12:33 am

  • Copy link

  I only knew to check because I helped out in the 2nd part of that thread. :)

  Cheers.