[Camilo]

Hi guys, I want to create a Sticky menu with my Tempera template. Do you know what do I have to do? (even if I have to write a bit of code) A sticky menu is a menu that stays always at the top of the screen, even if you scroll down.

my site is http://www.camilomorenokuratomi.com

Thank you

[Jim]

Hi Camilo

The only thing I am aware of in standard Tempera is that you can fix the Top Menu bar with a setting within Graphics Settings, but not aware of how you can do same for Main Menu bar. Also the Top Menu is only one level deep so you wouldn’t get sub menus.

Jim..

[Jim]

Hi Camilo

After a bit of investigation I think I have found what you want to do by using custom CSS coding.
I put the following code in the Miscellaneous/ CSS code area and it seemed to work OK, you may have to play around with margins to get the page height position correct and also I had to use z-index to ensure the menu remained as the top layer when I scrolled down. (For info, I was using a header widget that had a z-index of 251 so I needed to set the value higher.)

#access {
position: fixed;
z-index: 252;
}

I hope this makes sense and helps

Jim..

[Camilo]

Thank you a lot Jim. It worked thanks to your code. I had to play a little bit with the Top css atribute to had it right at top of my site, but its working now and Im happy with the results.

http://camilomorenokuratomi.com/

Cheers

[Author]

Posts