Follow the code below to have fixed header

Let us suppose this is the structure of your theme
Header // div with class .header
// div starts with class .outer

Header

// div ends with .outer class
Content // div with .content class

Relevant CSS will be

.header {
width: 100%;
position: fixed;
top: 0;
bottom: auto;
}
.outer {
position: relative;
height: 100px;
}
.outer .header {
position: absolute;
bottom: 0;
z-index: 2;
top: auto;
}
.content {
height: 1500px;
margin-top: 100px;
}

LEAVE A REPLY