slide menu

I have different backgrounds to different menu items (inageBg, imagebga etc.). Now I want the same menu slider effect as on the home page. But then on all pages.

If you scroll down and the above menu disappears. Then suddenly a different menu at the top of appears that stays above (same effect as the home page).

Where should I change something to get the same effect on all pages?

thanks

Hi,
you need to edit js/gk.scripts.js file

Thanks.

I already Figured that out. But what should I change in the file?

Please find:

Code: Select all

if(page_loaded && document.getElement('body').hasClass('imageBg'))


and change it to:

Code: Select all

if(page_loaded && (document.getElement('body').hasClass('imageBg') II document.getElement('body').hasClass(your_suffix_1') II document.getElement('body').hasClass('your_suffix_2')))


thnx...

But if I replace the code I get a syntax error ... Is the code below right?

Sorry, my mistake try this one:

Code: Select all

if(page_loaded && (document.getElement('body').hasClass('imageBg') || document.getElement('body').hasClass(your_suffix_1') || document.getElement('body').hasClass('your_suffix_2')))


the code is good. But it is not working yet. Must i do somthing with:

Code: Select all

if(!document.getElement('body').hasClass('imageBg')) {
      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');   
   }


Change in:

Code: Select all

   if(!document.getElement('body').hasClass('imageBg') ||
   !document.getElement('body').hasClass('imageBga') ||
   !document.getElement('body').hasClass('imageBgb')) {
      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 I do this, it still does not work

Try change to this one:

Code: Select all

  if(!document.getElement('body').hasClass('imageBg') &&
   !document.getElement('body').hasClass('imageBga') &&
   !document.getElement('body').hasClass('imageBgb')) {
      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');   
   }


that did the trick... thnx