The problem is what does not apply the properties of the mmenu plugin. It seems to have signed everything correctly, and in index.html everything seems to be plugged in freely. But for some reason properties are not connected.

$(function () { $('#my-menu').mmenu({ extensions: [ 'widescreen', 'theme-black', 'effect-menu-slide', 'pagedim-black' ] }); });

HTML

 <meta charset="utf-8"> <title>S&Mitler</title> <meta name="description" content=""> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta property="og:image" content="path/to/image.jpg"> <link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png"> <link rel="stylesheet" href="libs/mmenu/source/jquery.mmenu.css"> <link rel="stylesheet" href="libs/mmenu/source/extensions/jquery.mmenu.themes.css"> <!-- Chrome, Firefox OS and Opera --> <meta name="theme-color" content="#1a1a1a"> <!-- Windows Phone --> <meta name="msapplication-navbutton-color" content="#1a1a1a"> <!-- iOS Safari --> <meta name="apple-mobile-web-app-status-bar-style" content="#1a1a1a"> <style>body { opacity: 0; overflow-x: hidden; } html { background-color: #1a1a1a; }</style> 

  <div id="my-header"> <header class="site-header" style="background-image: url(img/top-bg.jpg)"> <div class="top-line"> <a href="#" class="logo"><img src="img/logo-2.svg" alt="Салон красоыт Смитлер"></a> <div class="phone hidden-xs"><i class="fa fa-mobile"></i> +7 (900) 922-99-30</div> <a href="#my-menu" class="hamburger hamburger--emphatic"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </a> <nav id="my-menu"> <ul> <li><a href="#">Парикмахерский сервис</a></li> <li class="active"><a href="#">Косметологический сервис</a></li> <li><a href="#">Маникюрный сервис</a></li> <li><a href="#">Массаж и SPA</a></li> <li><a href="#">Солярий</a></li> <li><a href="#">Наши специалисты</a></li> <li><a href="#">Ноовости</a></li> <li><a href="#">Прайс-лист</a></li> <li><a href="#">Наши сертификаты</a></li> <li><a href="#">О салоне</a></li> </ul> </nav> </div> </header> </div> <div id="my-content"> 

  <div id="my-footer"> </div> 

 <link rel="stylesheet" href="css/main.min.css"> <script src="js/scripts.min.js"></script> <script src="libs/mmenu/source/jquery.mmenu.min.all.js"></script>

0