Active link – JS Problem

Hi,

I changed the height of the nabber to 90px and then I changed the 51 in the main.js to 90 perspectively 81.
But it doesn’t work. The active link changes until the nav reached with the half the next section.
How can I solve my Issue?
CSS:

.navbar .navbar-inner {
 background: rgba(0, 0, 0, 0.9);
 height: 90px;
 background-image: none;
 box-shadow: 0 2px 3px rgba(0,0,0,.1);
 filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
}

JS:

/**
 * Scroll to section
 * @param string des HTML identity of section block
 * @return void
 */
function goToSectionID(des){
 var os = (history.pushState)?90:0;
 os = (jQuery(window).width()>800)?os:0;

 var pos = (jQuery(des).length>0 )?jQuery(des).offset().top-os:0;
 onanimate = true;
 jQuery('html,body').animate({scrollTop:pos},1000,function(){
 if(history.pushState){
 history.pushState(null,null,des);
 }else window.location.hash = des;
 jQuery(window).scrollTop(pos);
 onanimate=false
 });

 
}

And maybe I will also use the theme in a other future project. Do I have to buy it again?
Merry Christmas 🙂