Cannot get SlickNav to work on current site

Cannot get SlickNav to work on current site

I have read a few other posts here who've had this issue, but i didn't find the answer and was hoping someone could assist me. I have been using SlickNav on all of the websites i've created over the past 2 years, however I am having an issue with the current one. 

This is also the first WordPress theme i have used and I am attempting to replace the themes head with my own and add SlickNav to it. Visually the header is working fine, and the nav disappears correctly, but SlickNav doesn't appear. I'm guessing that there is something in the theme that may be affecting it, and I don't know much about jquery at all, but have tried loading the scripts at different parts of the <head>.

Site for reference:  http://fallon.3rfocuslabs.com/

Below is code from the head.php, which is mostly the Child Theme files, but also includes the SlickNav code:

<?php
/**
 * Equity Framework
 *
 * WARNING: This file is part of the core Equity Framework. DO NOT edit this file under any circumstances.
 * Please do all modifications in the form of a child theme.
 *
 * @package Equity\Templates
 * @author  Agent Evolution
 * @license GPL-2.0+
 * @link   
 */
?>

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/slicknav.css">

<?php do_action( 'equity_doctype' ); ?>
<?php do_action( 'equity_title' ); ?>
<?php do_action( 'equity_meta' ); ?>

<?php wp_head(); //* Needed for plugins ?>

<script src="<?php bloginfo('template_directory'); ?>/js/jquery.slicknav.min.js"></script>
<script>
$(function(){
$('#menu').slicknav();
});
</script>

</head>