Fixed menu (or not)

In an earlier post of Dziudek he stated

I don't recommend the fixed menu for responsive templates, because on the mobile devices the: position: fixed; causes a lot of problems.

Now I like the menu as it is but for me it takes to long for the menu to show. It appears only after scrolling beyond the header-module.
Is there a way to change settings so the menu shows right away?

Could you please post an url to your site?

http://www.altenaweb.nl/sandor

Your page requires login.
Please send me a PM with:
1. URL to your website
2. login and password of user with login privileges (please create one for me)
3. link to this thread

PM got stuck in the outbox

You need to edit this file:
templates/gk_steakhouse/js/gk.scripts.js
and modify:

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').height() &&
            !jQuery('#gkHeaderNav').hasClass('active')
         ) {
            jQuery('#gkHeaderNav').addClass('active');
         } else if(
            currentPosition < jQuery('#gkHeader').height() &&
            jQuery('#gkHeaderNav').hasClass('active')
         ) {
            jQuery('#gkHeaderNav').removeClass('active');
         }
      });
   }


changing it to:

Code: Select all

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

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


Now modify 50 value to your liking - lover will show sticky menu earlier while scrolling.

Works like a charm, tnx

I'm glad I could help

Works nicely - but the menu still soes not appear right away when loading the page.
Is it possible to get the menu displayed right away when loading the page without having to scroll?

Previous link gives me 404.

Did not post a link yet
http://cool-o-mat.com/_energetic/

Please edit: /templates/gk_steakhouse/css/override.css and add at its end:

Code: Select all

#gkHeaderNav {
top: 0px;
height: 80px;
}


Remember to enable "CSS override" in template settings - advanced section.

Works perfectly. Thank you very much!

No problem .

How to make this menu ACTIVE ? PLease anyone help me ) http://dog.justsite.com.ua/index.php/ru/

How to change in HTML static-->active

<header id="gkHeader" class="menu-visible">
<div id="gkHeaderNav" class="static">
<div id="gkHeaderMod">
</header>


<header id="gkHeader" class="menu-visible">
<div id="gkHeaderNav" class="active">
<div id="gkHeaderMod">
</header>

Thanks

What do you mean by "ACTIVE"? Would you like it to be visible all the time?

I would you like to know how it (the menu) would be visible all the time!

Thanks already.

This class is just a method to add additional css. You can forse it...
To do so please edit: /templates/gk_steakhouse/css/override.css and add at its end:

Code: Select all

#gkHeaderNav {top: 0px !important;}


Remember to enable "CSS override" in template settings - advanced section.