2 issues adding sticky menu to Essence Pro

Hello,

I'm testing Essence Pro and have added a sticky menu, but with 2 problems.

The first problem I'm having is the sticky menu is appearing as soon as the page loads, and then disappears when I scroll, then appears as it should once I scroll past the regular menu.

Second, the scrolling sticky is stuck behind every element on the page like widgets or the text on a post.

The site is a dev clone for testing and is password protected to prevent getting hit for duplicate content, but I can easily provide a password for viewing if needed.

I sure appreciate any help with this.

Here is what I have so far:
functions.php

add_action('genesis_after_footer','agct_sticky_menu');

function agct_sticky_menu(){
 wp_nav_menu( array(
     'container'       => 'div',
     'container_class' => 'agct_sticky nav-primary',
     'menu_class'      => 'genesis-nav-menu',
     'theme_location'  => 'primary'
 ) );
}

add_action( 'wp_enqueue_scripts', 'agct_sticky_load_scripts' );

function agct_sticky_load_scripts(){
 wp_enqueue_script('sticky_menu', get_stylesheet_directory_uri() . '/js/sticky.js', array( 'jquery' ),'1.0.0',true);

}

css

.agct_sticky {
	display: none;
	position: fixed;
	top: 0;
	left:0;
	right:0;
	background:#7f7f7f;
  background:rgba(0,0,0,0.5);
}

sticky.js

jQuery(function($){

    var $mainMenu = $('nav.nav-primary'),
        $stickyMenu = $('.agct_sticky');

    $(window).on('scroll', function() {
        var windowTop = $(this).scrollTop();  //get top of window
        var mainMenuBottom = $mainMenu.offset().top + $mainMenu.height();  //bottom of main menu
        if( windowTop >= mainMenuBottom ) {  //main Menu is no longer showing
            $stickyMenu.slideDown();  //show our sticky menu
        } else {
            $stickyMenu.slideUp();  //hide our sticky menu
        }
    });

});