contacts

Get All 146 Premium WordPress Themes for Just $59.99
One-Time Payment: Unlimited Use Across Unlimited Domains, Plus Free Lifetime Updates! Learn more

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

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”>
&nbsp;
</div>

Save changes and upload the header.php file.

 

5 Responses to “How to disable fixed header”

  1. 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

  2. my website themoveable.com is also have sticky header. It is in php codeigniter how to change it?