Мое мобильное меню скрыто содержимым страницы

Question

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

Я довольно долго искал и читал кучу сообщений на форуме, поэтому я попытался поиграть с z-index и position :lative, и я удалилтег body с overflow-x: скрытый, но я не получаю никаких результатов.

Вот CSS, который я сейчас использую

.cshero-mobile-menu  { position:relative; z-index:20000; }
.cshero-mobile-menu a { position:relative; z-index:21000; }
.cshero-mobile-menu span { position:relative; z-index:22000; }
.article * {position:relative; z-index:1000;}

Может кто-нибудь увидеть, что я делаю неправильно, ипосоветуйте, как это исправить?

Спасибо!

Answer 1

Добавьте следующее правило z-index, чтобы решить вашу проблему:

#cs-header-custom-bottom .container {
    …
    z-index: 11;
}