Unfix gkMenuWrap

Hi

I've just implemented the CloudHost template for a client but after reviewing it I want to make it so that the header is not fixed and scroll with the rest of the page. Is there an easy way to do this?

Best regards
Andy

You need to edit this file:

Code: Select all

templates/gk_cloudhost/js/gk.scripts.js


and comment out those sections:

Code: Select all

   // menu animation
   /*if(page_loaded && document.getElement('body').hasClass('imageBg') && !document.id('aside-menu')) {
      // if menu is not displayed now
      if(window.getScroll().y > document.id('gkHeader').getSize().y && !document.id('gkMenuWrap').hasClass('active')) {
         document.id('gkTopBar').inject(document.id('gkMenuWrap'), 'inside');
         document.id('gkHeaderNav').inject(document.id('gkMenuWrap'), 'inside');
         document.id('gkHeader').setProperty('class', 'gkNoMenu');
         document.id('gkHeader').getElement('div').setStyle('display', 'none');
         document.id('gkMenuWrap').setProperty('class', 'active');
      }
      //
      if(window.getScroll().y <= document.id('gkHeader').getSize().y && document.id('gkMenuWrap').hasClass('active')) {
         document.id('gkHeader').getElement('div').setStyle('display', 'block');
         document.id('gkTopBar').inject(document.id('gkBg'), 'top');
         document.id('gkHeaderNav').inject(document.id('gkHeader').getElement('div'), 'top');
         document.id('gkHeader').setProperty('class', '');
         document.id('gkMenuWrap').setProperty('class', '');
      }
   }*/


and:

Code: Select all

   /*if(!document.id('aside-menu')) {
      //
      var menuwrap = new Element('div', {
         'id': 'gkMenuWrap'
      });
      //
      menuwrap.inject(document.getElement('body'), 'bottom');
      
      //
      if(!document.getElement('body').hasClass('imageBg')) {
         //
         document.id('gkTopBar').inject(document.id('gkMenuWrap'), 'inside');
         document.id('gkHeaderNav').inject(document.id('gkMenuWrap'), 'inside');
         document.id('gkHeader').setProperty('class', 'gkNoMenu');
         document.id('gkHeader').getElement('div').setStyle('display', 'none');
         document.id('gkMenuWrap').setProperty('class', 'active');   
      }
   }*/


(the above code shows how it should look commented.