Блог

У меня проблема с тем, что меню WordPress не отображается вверху. Мой jQuery добавляет правильный класс в div, но по какой-то причине он не прилипает.

Вот предварительная прокрутка html:

 <div id="site-navigation-wrap" class="navbar-style-one wpex-dropdowns-caret clr">
  

После прокрутки jQuery четко работает при добавлении класса:

 <div id="site-navigation-wrap" class="navbar-style-one wpex-dropdowns-caret clr stickymcstickface">
  

…и вот css:

 .navbar-style-one .stickymcstickface {
        height: 50px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
    }
  

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

Есть идеи, где я мог ошибиться?

С наилучшими пожеланиями

Дэйв

у вас проблема в CSS. пишите классы без пробелов между ними

.navbar-style-one .stickymcstickface Для .navbar-style-one.stickymcstickface

это потому, что оба класса имеют один и тот же элемент.

ваш текущий код работал бы, если бы элемент с class .stickymcstickface был дочерним элементом элемента с class .navbar-style-one .

но в вашем случае оба класса принадлежат #site-navigation-wrap , поэтому вы должны писать их без пробелов между ними

надеюсь, это поможет.