Заголовок сайта Wordpress перемещается за элементами страницы при прокрутке

Question

На сайте WordPress, который я построил ( www.theblackseeds.com / home ), весь заголовок сайта иногда становится статичным / липким, когда элементы страницы прокручиваются сверху / сзади при прокрутке вниз. , Это также перемещается немного вправо. Это должно просто прокрутить как обычно с остальной частью страницы.

Похоже, что это не происходит в Chrome на Mac.
Похоже, что это все время происходит в Safari (9.1.3) на Mac.
Обычно это происходит в Firefox на Mac, только если пользователь прокручивает страницу до загрузки всей страницы. Если страница полностью загружена, она прокручивается как обычно.

Я в тупике, есть идеи? Я попытался изменить элемент position в div заголовка сайта, z-index, добавив высоту, кажется, ничего не помогло.

Answer 1

Когда вы прокручиваете страницу вниз, класс masthead-fixed применяется к тегу body.

Вы можете либо выяснить, почему это происходит (это где-то в Javascript), и остановить это, либо объявить некоторые переопределения CSS:

.masthead-fixed .site-main {
    margin-top: auto !important;
}

.masthead-fixed .site-header {
    position: static !important;
}