[CSS] Keep header fixed

I want to keep the header fixed. Currently, it changes when scrolled down. Can you please help?

Sat, 3 Aug 2019 14:22:43

Dimitris

Support

2,982 pts: Hero points 17,225 pts: Rep. points LEVEL 29

Hello there zmsnap

This is fixed by adding the following snippets in Tools -> Scripts & Styles:

CSS Styles:

.minimized .main-menu.fixed {

position: fixed;

width: 100%;

z-index: 999;

top: 62px;

background: #fcb800;

}

body.logged-in .minimized .main-menu.fixed {

top: 98px;

}

Scripts

(end of the body tag):

jQuery( document ).ready(function($) {

$(window).scroll(function() {

var scroll = $(window).scrollTop();

if (scroll >= 200) {

$(".main-menu").addClass("fixed");

}

});

});

Warm regards,

Dimitris

Hosting

Trial free for 7 days

Just US$12AU$12/m after. Cancel anytime.

Ready to get started?

How do you rate me?

Thank you for rating your experience!