Menu appears too late when scrolling

Hi, where could I change the menu to appear a bit earlier when scrolling down. Currently I have to scroll almost down to half the page for the menu to appear. (I don't want it too be visible from the start)

Could you please post an url to your site?

This is not a tricky thing, the menu is standard which is not a problem, I just need the menu to appear as soon as you scroll past the logo. http://goo.gl/GjVdRm

???

By default menu shows when you scroll under the header. It is done by this script in gk.scripts.js:

Code: Select all

   if(jQuery('#gkTop').length > 0 && !jQuery('#gkTop').hasClass('active')) {
      jQuery(window).scroll(function() {
         var currentPosition = jQuery(window).scrollTop();
         if(currentPosition >= jQuery('#gkHeader').height() && !jQuery('#gkTop').hasClass('active')) {
            jQuery('#gkTop').addClass('active');
         } else if(currentPosition < jQuery('#gkHeader').height() && jQuery('#gkTop').hasClass('active')) {
            jQuery('#gkTop').removeClass('active');
         }
      });
   }


It gets header height.
Now you need to modify it and insert fixed value:

Code: Select all

   if(jQuery('#gkTop').length > 0 && !jQuery('#gkTop').hasClass('active')) {
      jQuery(window).scroll(function() {
         var currentPosition = jQuery(window).scrollTop();
         if(currentPosition >= 100 && !jQuery('#gkTop').hasClass('active')) {
            jQuery('#gkTop').addClass('active');
         } else if(currentPosition < 100 && jQuery('#gkTop').hasClass('active')) {
            jQuery('#gkTop').removeClass('active');
         }
      });
   }


Please note 100 values - modify it to suit your needs (in both places).