How to disable fixed header

Some of our themes comes with fixed header (it doesn’t change its position when you scroll). In case that you want to disable it, here are all of the necessary steps:

1) Open style.css

2) Search for ‘#header-main-fixed’ class and DELETE ‘position:fixed;’ from it, i.e.

Before:

/* header */
#header-main-fixed {
clear:both;
background-color:#FFFFFF;
margin:0;
position:fixed;
width:100%;
z-index:5000;
color:#000000;
-webkit-box-shadow: 0 4px 2px -2px gray;
-moz-box-shadow: 0 4px 2px -2px gray;
box-shadow: 0 4px 2px -2px gray;
}

After:

/* header */
#header-main-fixed {
clear:both;
background-color:#FFFFFF;
margin:0;
width:100%;
z-index:5000;
color:#000000;
-webkit-box-shadow: 0 4px 2px -2px gray;
-moz-box-shadow: 0 4px 2px -2px gray;
box-shadow: 0 4px 2px -2px gray;
}

3) Save changes and upload the style.css file.

4) Open themefolder/js/utilities.js file

5) Find and DELETE this code:

jQuery(‘#header-spacer’).height(jQuery(‘#header-main-fixed’).height());

6) Save changes and upload the utilities.js file.