Question

Здравствуйте!

На сайте установлено выпадающее меню с CSS:

Если на главной странице установить слайдер паралельно меню, то выпадающая часть скрывается за слайдером, с другим контентом таких проблем нет.

Как это можно исправить?

CSS  стиль меню:

#menuVertical{width:100%;height:auto;}
 #menuVertical ul{
 display:block;
 width:100%;
 height:auto;
 margin:0px;
 padding:0px;
 list-style:none;
 position:relative;
 }
 #menuVertical ul li{display:block; width:100%; height:auto; position:relative;}
 #menuVertical ul li a{
 position:relative;
 display:block;
 width:100%;
 height:auto;
 box-sizing:border-box;
 font-size:13px;
 text-transform:uppercase;
 font-weight:bold;
 color:#ffffff;
 line-height:1.2em;
 padding:10px 15px;
 background:#b8b8b8;
 border-top:1px solid #ffffff;
 text-decoration:none;
 }
 #menuVertical ul li:first-child a{border:0px;}
 #menuVertical ul li a:hover, #menuVertical ul li:hover a{
 background:#363636;
 }
 #menuVertical ul li ul{
 position:absolute;
 top:0px;
 left:100%;
 display:none;
 width:auto;
 }

 /*******показываем выпадашку при наведении ********/
#menuVertical ul li:hover ul{display:block;}
 #menuVertical ul li ul li a{
 white-space:nowrap;
 text-transform:none;
 padding:5px 20px;
 }
 #menuVertical ul li ul li a:hover{
 background:#b8b8b8;
 color:#ffffff;
 }

Заранее Спасибо

Answer 1

пропишите в стили меню значение z-index 1000. подробно  http://htmlbook.ru/css/z-index

Comments

Спасибо огромное!

Answer 2

В стилях ищите строку 1360:

 #menuVertical ul{
 display:block;
 width:100%;
 height:auto;
 margin:0px;
 padding:0px;
 list-style:none;
 position:relative;
 z-index: 100;
 }

пропишите выделенное красным, после очистите кеш в браузере https://ukit.com/ru/help/kak-ochistit-cahe это решит проблему.

Comments

Дай Бог Вам здоровья! Всё получилось)