​ Make any site have a floating navigation, even if Wordpress Admin Bar is present! UPDATED

global.js

    
    //Sticky navigation bar - Make the navigation area float after scrolling past it//
  var aboveHeight = $('#primary-navigation').offset().top;
    jQuery(window).scroll(function() {
        if ($(window).scrollTop() > aboveHeight) {
            $('.header').css({
            position: 'fixed',
            top: 0,
            'z-index': 9999,
            'max-width': 1200,
            left: 0,
            'text-align': 'center',
            right: 0,
            'border-radius': 0
            });
            $('.row-3').css({
                'padding-top': '32px'
            });
            if ($('#wpadminbar').length) {
                $('.header').css('margin-top', '32px');
            };
            // resets back to what it should be, before the JS change.. 
        } else {
            $('.header').css({
               position: '',
                top: '',
                'z-index':'',
                'border-radius':''
                
            });
            $('.row-3').css({
                'padding-top': ''
            });
        }
    });