Bootstrap Collapse won't collapse

You need to go through that code and clean up all the duplicate calls to jquery, bootstrap, your own css files etc. It's a mess as it currently stands. These duplicated links are as a result of them being in your 'include' files, which I informed you of in an earlier post, they should not be in the include files.

You should not have anything more than the following files linked to that page: Your mobile menu will then work.

CSS:

<!-- Fancybox -->

<link rel="stylesheet" type="text/css" href="http://www.supremem.com/new_2017/css/jquery.fancybox.min.css">

<!-- Font Awesome -->

<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

<!-- Bootstrap -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Smartmenus -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.smartmenus/1.0.1/addons/bootstrap/jquery.smartmenus.bootstrap.css" rel="stylesheet" type="text/css">

<!-- My Styles -->

<link href="http://www.supremem.com/mystyles.css" rel="stylesheet" type="text/css">

JS:

<!-- jQuery Library -->

<script src="https://code.jquery.com/jquery-1.12.2.min.js" integrity="sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk=" crossorigin="anonymous"></script>

<!-- Bootsrap Min -->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<!-- SmartMenus jQuery plugin -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.smartmenus/1.0.1/jquery.smartmenus.js"></script>

<!-- SmartMenus jQuery Bootstrap Addon -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.smartmenus/1.0.1/addons/bootstrap/jquery.smartmenus.bootstrap.js"></script>

<!-- Include jQuery & Filterizr -->

<script src="http://www.supremem.com/js/jquery.filterizr.js"></script>

<script src="http://www.supremem.com/js/controls.js"></script>

<!-- Kick off Filterizr -->

<script type="text/javascript">

$(function() {

//Initialize filterizr with default options

$('.filtr-container').filterizr();

});

</script>

<script>

$("a[href='#top']").click(function() {

$("html, body").animate({ scrollTop: 0 }, "slow");

return false;

});

</script>