Disable logo movement

Hi,
I want to disable logo movement on this template. I want to show fixed at left side position like you're scrolling down the page also with less height menu section.

Thanks.
DN

Hi

Can i please see your site while your logo is used to match it better?

Hi,
You Can see at lemaxcooperativa.com
Thanks

Hi

Please add this code to override.css and make sure override is enabled in template settings:

Code: Select all

#gkLogo.cssLogo {
    display: none;
}


than plese edit file /js/gk.scripts.js find code:

Code: Select all

   if(jQuery('#gkHeaderNav').length > 0 && !jQuery('#gkHeaderNav').hasClass('active')) {      
      jQuery(window).scroll(function() {
         var currentPosition = jQuery(window).scrollTop();

         if(
            currentPosition >= jQuery('#gkHeader').outerHeight() &&
            !jQuery('#gkHeaderNav').hasClass('active')
         ) {
            jQuery('#gkHeaderNav').addClass('active');
         } else if(
            currentPosition < jQuery('#gkHeader').outerHeight() &&
            jQuery('#gkHeaderNav').hasClass('active')
         ) {
            jQuery('#gkHeaderNav').removeClass('active');
         }
      });
   }


and replace it with:

Code: Select all

   jQuery('#gkHeaderNav').addClass('active');


OK, but logo seems to be repeated at header position, can you check it?
thanks,
David N.

Hi

This css class I've mentioned at first should remove a duplicate. But please show me Your site with this modification included.

Hi,
mi override.css (it's enabled at template settings)
Thanks,
DN

Code: Select all

#gkLogo.cssLogo {
    display: none;
}

#gkHeaderNav.static #gkMainMenu {
  left: 25%;}
 
.frontpage #gkHeader {
   background: url('../../../images/lemaxcooperativa_event_sumem_1.jpg') no-repeat center top;
}

.frontpage #gkBottom2 {background: url('../../../images/pimec_localitzacio.jpg') no-repeat center top;
}

Hi

Try maybe change first class to:

Code: Select all

#gkLogo.cssLogo {
    display: none !important;
}


No changes, If I apply

Code: Select all

#gkHeaderNav.active #gkLogoSmall {
left: 0px;}

solves partially my problem, If I need someting more I will ask you again.
Thanks,
DN.

Hi

Ok. But please just tell me what do You mean by "partially", so maybe I'll be able to help to change it into "fully"

ok, It's fully solved my problem