Почему выпадающие меню не встает выше слайдера?

Question

[chelnokov_a]

Здравствуйте. Верстаю макет.
Возникла проблема. Выпадающие меню падает по слайдер при наведении. z-index не помогает.

https://pateder.ru/Development/sineo/

Если что слайдер owl. 20 мин победить не могу уже. Подскажите, кто шарит, в чем дело. Спасибо.

Answer 1

[Danny Arty]

Задайте родительскому блоку z-index

.nav__container {
    height: 100%;
    position: relative;
    z-index: 2;
}

Comments

[chelnokov_a]

Спасибо, ты лучший. А с чем это связано?

[Danny Arty]

chelnokov_a, потому что родительскому блоку слайдера utp header_utp не задано позиционирование, а у родительского блока меню .nav__container не задан z-index. В таком случае наложение работает в порядке указания - блок, указанный позже, будет выше, соответственно и его дочерние элементы тоже.
Тут как вариант либо задать z-index .nav__container, либо задать position: relative и z-index родительскому блоку слайдера utp header_utp