Estoy partiendo en js y agregue este script para poner un menu fixed en una platilla de wp

Código Javascript :


      <script type="text/javascript">
   $.noConflict();
            $(document).ready(function() {
           var menu = $('.navigation-wrapper');           
           var menu_offset = menu.offset();
           
           $(window).on('scroll', function() {
             if($(window).scrollTop() > menu_offset.top) {
               menu.addClass('navigation-wrapper-fixed');


             } else {
               menu.removeClass('navigation-wrapper-fixed');
             }
           });
         });

   </script>




para que funcionara puse la ultima version de jquery , pero dejaron de funcionar widget y otras cosas ,

lo otros script que tiene la platilla son

Código HTML :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
   <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/superfish.js"></script>
   <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.fancybox-1.3.4.pack.js"></script>
   <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.scrollTo.js"></script>
   <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/scripts.js"></script>
   <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.tools.min.js"></script>


no se como solucionar esto o si alguien me da otro script que cambie el de class si la gente avanza mas de 200px con el scroll


Muchas gracias