Почему slick-slider перекрывает элементы?

Question

[Данил Флигинский]

Имеется вот такой сайт -> https://danilfliginskiy.github.io/HappyPet
На мобильной версии есть гамбургер-меню. Но при его открытии слайдер перекрывает меню. При этом у меню z-index стоит 100000, а у слайдера стоит 100. Раньше это помогало, но на этом сайте что-то пошло не так.

Comments

[HelpSophie]

Либо внесите слайдер внутрь promo либо выньте из него меню.
И почитайте про "контекст наложения".

Answer 1

[Lord_Dantes]

Задайте z-index классу .carousel

Comments

[Данил Флигинский]

для него он и стоит

[Lord_Dantes]

Данил Флигинский, сделайте тогда на.promo

[Данил Флигинский]

Lord_Dantes, не помогло. задал для родителя индекс, но не работает

Answer 2

[ArtJH]

.promo {
    z-index: 101;
}

Вам нужно лучше почитать про z-index, как он устроен.