Lock menu on scroll for Elkarte Light template

Topic: Lock menu on scroll for Elkarte Light template (Read 2096 times) previous topic - next topic

0 Members and 1 Guest are viewing this topic.

Lock menu on scroll for Elkarte Light template

December 23, 2014, 09:19:51 pm

Hello,

I like the fixed menu used in Elkarte BeSocial version. (for fixed I mean that is locked in the upper and always visible even if you scroll down).
I wonder if there's a way to make the menu of Light template locked ?

thank you in advance

Re: Lock menu on scroll for Elkarte Light template

Reply #1 – December 24, 2014, 12:43:21 pm

I guess the same code will work on light as well:

Code: [Select]

#menu_nav {
	background: #333;
	background-image: linear-gradient(to bottom, #4d4f53 0%,#333 49%,#333 51%,#4d4f53 100%);
	position: fixed;
	top: 0;
	z-index: 99;
	width: 100%;
	color: #eee;
	line-height: 30px;
	min-height: 35px;
	padding: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
}

Plus remember to add to the

Code: [Select]

body {

Code: [Select]

	padding-top: 35px;

so that jumping on anchors will work properly.

Re: Lock menu on scroll for Elkarte Light template

Reply #2 – December 24, 2014, 01:15:49 pm

thank you, that worked like a charm!

Re: Lock menu on scroll for Elkarte Light template

Reply #3 – December 24, 2014, 01:50:47 pm

Great!