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
Then 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;
}
Save changes and upload the style.css file.
2) Open themefolder/js/utilities.js file
Then find and DELETE this code:
jQuery(‘#header-spacer’).height(jQuery(‘#header-main-fixed’).height());
Save changes and upload the utilities.js file.
3) Open header.php file
Then find and DELETE this code:
<div id=”header-spacer”>
</div>
Save changes and upload the header.php file.
Thanks it realy helped me 🙂
Mike
Thank you, just what I was searching for.
Please help specifically with tTourism ! leave a reply as soon as possible. We want to change the header position but we can’t find the utilities folder and header.php file. We are not too good with coding. Please give us detailed steps on our e-mail
Hi @romika,
You can access these files from:
Admin Panel -> Left Menu -> Appearance -> Editor
Then you can find/open files from Right menu.
Thanks,
Tihomir
Tishonator Team
my website themoveable.com is also have sticky header. It is in php codeigniter how to change it?