-
AuthorPosts
-
February 16th, 2014 at 17:52 #22368Camilo
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
February 17th, 2014 at 04:41 #22395JimHi 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..
February 18th, 2014 at 16:47 #23878JimHi 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..
February 19th, 2014 at 00:09 #23889CamiloThank 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
-
AuthorPosts
The topic ‘Sticky Menu’ is closed to new replies.