title: How to stop the navbar on the top of the page when scrolling down
body: <p>I would like to make possible to stop my navigation bar on the top of the page when scrolling down.</p>
  
  <p>I know that Jquery is somehow involved in the solution but i really cant figure out how to use it!</p>
  
  <p>this is my header.php file (I'm on wordpress CMS):</p>
  
  
  
  
  
  
  >
  
  
  
  
      
      
  
          
  
  <pre><code>    &lt;?php if (has_nav_menu('top-menu', 'responsive')) { ?&gt;
          &lt;?php wp_nav_menu(array(
                  'container'       =&gt; '',
                  'fallback_cb'     =&gt;  false,
                  'menu_class'      =&gt; 'top-menu',
                  'theme_location'  =&gt; 'top-menu')
                  ); 
              ?&gt;
      &lt;?php } ?&gt;
  
  &lt;?php responsive_in_header(); // header hook ?&gt;
  
  &lt;?php if ( get_header_image() != '' ) : ?&gt;
  
      &lt;div id="logo"&gt;
          &lt;a href="&lt;?php echo home_url('/'); ?&gt;"&gt;&lt;img src="&lt;?php header_image(); ?&gt;" width="&lt;?php if(function_exists('get_custom_header')) { echo get_custom_header() -&gt; width;} else { echo HEADER_IMAGE_WIDTH;} ?&gt;" height="&lt;?php if(function_exists('get_custom_header')) { echo get_custom_header() -&gt; height;} else { echo HEADER_IMAGE_HEIGHT;} ?&gt;" alt="&lt;?php bloginfo('name'); ?&gt;" /&gt;&lt;/a&gt;
      &lt;/div&gt;&lt;!-- end of #logo --&gt;
  
  &lt;?php endif; // header image was removed ?&gt;
  
  &lt;?php if ( !get_header_image() ) : ?&gt;
  
      &lt;div id="logo"&gt;
          &lt;span class="site-name"&gt;&lt;a href="&lt;?php echo home_url('/'); ?&gt;" title="&lt;?php echo esc_attr(get_bloginfo('name', 'display')); ?&gt;" rel="home"&gt;&lt;?php bloginfo('name'); ?&gt;&lt;/a&gt;&lt;/span&gt;
          &lt;span class="site-description"&gt;&lt;?php bloginfo('description'); ?&gt;&lt;/span&gt;
      &lt;/div&gt;&lt;!-- end of #logo --&gt;  
  
  &lt;?php endif; // header image was removed (again) ?&gt;
  
  &lt;?php get_sidebar('top'); ?&gt;
              &lt;?php wp_nav_menu(array(
                  'container'       =&gt; 'div',
                      'container_class'   =&gt; 'main-nav',
                      'fallback_cb'     =&gt;  'responsive_fallback_menu',
                      'theme_location'  =&gt; 'header-menu')
                  ); 
              ?&gt;
  
          &lt;?php if (has_nav_menu('sub-header-menu', 'responsive')) { ?&gt;
              &lt;?php wp_nav_menu(array(
                  'container'       =&gt; '',
                  'menu_class'      =&gt; 'sub-header-menu',
                  'theme_location'  =&gt; 'sub-header-menu')
                  ); 
              ?&gt;
          &lt;?php } ?&gt;
  
          &lt;?php responsive_header_bottom(); // after header content hook ?&gt;
  
  &lt;/div&gt;&lt;!-- end of #header --&gt;
  &lt;?php responsive_header_end(); // after header container hook ?&gt;
  
  &lt;?php responsive_wrapper(); // before wrapper container hook ?&gt;
  &lt;div id="wrapper" class="clearfix"&gt;
      &lt;?php responsive_wrapper_top(); // before wrapper content hook ?&gt;
      &lt;?php responsive_in_wrapper(); // wrapper hook ?&gt;
  </code></pre>