Jquery-Mobile-Navigation

Jquery-Mobile-Navigation

Hello!
I am almost done the design the website I've been working on but have run into an issue with the mobile navigation. It covers up the rest of my navigation, and I'm not sure how to fix this problem. Any advice or insight would be helpful. I have provided the Jquery I'm using below and here is a link to the site: http://www.giiwedinnoodin.com/index-F.html

Jquery
var screensize = document.documentElement.clientWidth;

$(document).ready(function(){
var isMobile = window.matchMedia("only screen and (max-width: 600px)");

    if (isMobile.matches) {
    $('#mobile_active li a').on('click',function() {
    $('#mobile_active li ul li a').slideToggle(150);
    e.preventDefault();
    });
    }
$(window).resize(function(){
    if ( width == GetWidth() ) {
        return;
    }
    width = GetWidth();

    if(width < 600){
        $('#mobile_active').hide();
    } else {
        $('#mobile_active').show();
    }
});
       
    $('header').on('click', function() {
    $('#mobile_active').slideToggle(500);
    e.preventDefault();
});
});