I would like to know which file I would have to edit in order to use the second menu on my home page!
I think its call the #gkMenuWrap.active menu.
I would like to keep the same format on all my pages and when the homepage loads you get the first menu with no background, but when you scroll down the second menu loads with the white background and thats the one I would like to use!
I believe this is the file gk.scripts.js but I ma not sure about the code I need to change! this is what I founded but unsure on how to edit.
if(page_loaded && jQuery('body').hasClass('imageBg')) {
// if menu is not displayed now
if(jQuery(window).scrollTop() > headerHeight && !jQuery('#gkMenuWrap').hasClass('active')) {
//document.id('gkHeaderNav').inject(document.id('gkMenuWrap'), 'inside');
jQuery('#gkMenuWrap').append(jQuery('#gkHeaderNav'));
jQuery('#gkHeader').attr('class', 'gkNoMenu');
// hide
jQuery('#gkMenuWrap').attr('class', 'active');
}
//
if(jQuery(window).scrollTop() <= headerHeight && jQuery('#gkMenuWrap').hasClass('active')) {
jQuery('#gkHeader').first('div').css('display', 'block');
jQuery('#gkHeader').first('div').prepend(jQuery('#gkHeaderNav'));
jQuery('#gkHeader').attr('class', '');
jQuery('#gkMenuWrap').attr('class', '');
Again I am seeking to use the second menu that loads when you scroll beyond the header. The one with the white background when the homepage loads without having to scroll down. Just like when you go to another page the second menu loads...
Thanks