Главное подменю навигации, скрытое за содержимым страницы - не могу понять, почему

Question

Основные элементы подменю навигации отображаются за контентом на этой одной странице . Это должно быть связано с пользовательским шаблоном страницы, но я не вижу значений z-index, которые мешают. Это не происходит в закрепленном заголовке, только в главном заголовке, который виден, когда вы не прокрутите вниз.

Когда я добавляю значения z-index в заголовок и подменю плюс позиция: наследовать (идругие) это не помогает. Оскорбительный раздел начинается с кода ниже.

 <div style="margin-bottom:35px;margin-top: 20px;">

Answer 1

Уф! Поиграл с элементом позиции и «исправил» его:)

.sf-menu > .financity-normal-menu ul { position: fixed !important; }

Я добавил это только к этой странице, потому что другие страницы не затрагиваются, и проблема теперь решена как на настольном компьютере, так и на мобильном. Было установлено:

position: absolute

, что, очевидно, делает больше, чем я знаю. Спасибо, что взглянули на это!

Answer 2

Я не мог понять почему, и я не думаю, что это проблема с z-index или позициями. Вероятно, из-за всех добавляемых классов и того факта, что заголовок дублируется при прокрутке страницы.

Но вот одно решение для вас. Заголовок останется в одном состоянии и не преобразуется при прокрутке страницы. Я также использовал @media only screen and (min-width 1000px) в качестве точки разрыва, потому что именно тогда меняются адаптивные CSS вашего сайта. Поэтому мы практически не вносим никаких изменений в мобильный CSS.

@media only screen and (min-width 1000px) {
.financity-header-style-plain {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
} }

И я также заметил, что на мобильных устройствах ваше боковое меню скрыто за другим контентом при прокрутке вниз, поэтому добавьте z-index к этому элементу:

.mm-menu.mm-offcanvas.mm-current {
z-index: 90;
}