title: Uncaught TypeError: Cannot read property ‘top’ of undefined
body: <p>Hi got this error with my new website, i couldn't use mobile menu navigation, any help would be greatly appreciated... cheers..</p>
  
  <pre class="lang-js prettyprint-override"><code>var OnePageNavigation = function() {
      var navToggler = $('.site-menu-toggle');
      $("body").on("click", ".main-menu li a[href^='#'], .smoothscroll[href^='#'], .site-mobile-menu .site-nav-wrap li a", function(e) {
        e.preventDefault();
  
        var hash = this.hash;
  
        $('html, body').animate({
          'scrollTop': $(hash).offset().top
        }, 600, 'easeInOutCirc', function(){
          window.location.hash = hash;
        });
  
      });
    };
    OnePageNavigation();
  </code></pre>