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 { a 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!