Здравствуйте, подскажите пожалуйста как вывести всплывающее меню поверх слайдера Slick. 2 дня нигде не могу найти ответ. Понимаю что для многих плевое дело, но для меня прям большая проблема. За ранее огромное спасибо! $('.slider').slick({ arrows: false, infinite: true, dots: true, speed: 500, fade: true, cssEase: 'linear', // autoplay: true, autoplaySpeed: 3500, pauseOnHover: false, zIndex: 1, }); }); SLIDER .slider{ max-width: 1280px; margin: 100px 0 60px 0; } .slick-list{ overflow: hidden; } .slick-track{ display: flex; } MENU .menu__list{ position: absolute; transform: translateX(-100%); transition: all .5s; height: 100vh; top: 0; color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0.432); font-size: 30px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; z-index: 15; } .menu__list.menu__list--active{ transform: translateX(0%); padding: 0 250px 0 130px; } .menu__list-item{ margin-bottom: 10px; border-bottom: 2px solid transparent; } <ul class="menu__list"> <li class="menu__list-item"> <a class="menu__list-link" href="#home">HOME</a> </li> <li class="menu__list-item"> <a class="menu__list-link" href="#about">ABOUT</a> </li> <li class="menu__list-item"> <a class="menu__list-link" href="#booking">BOOKING</a> </li> <li class="menu__list-item"> <a class="menu__list-link" href="#menu">MENU</a> </li> <li class="menu__list-item"> <a class="menu__list-link" href="#new">NEW</a> </li> <li class="menu__list-item"> <a class="menu__list-link" href="#">GALERIE</a> </li> <li class="menu__list-item"> <a class="menu__list-link" href="#">EVENTS</a> </li> <li class="menu__list-item"> <a class="menu__list-link" href="#">CONTACT</a> </li> </ul>