Скрипт липкой навигации не прикрепит класс к div

В настоящее время я редактирую тему WordPress и создаю панель навигации на полпути страницы, которая прилипает к верхней части экрана, когда пользователь прокручивает определенную точку. Я делал это раньше, и это работало нормально. Я скопировал этот точный код и изменил #divs и классы на правильные. Это код, который я использую:

$(window).scroll(function () {
console.log($(window).scrollTop())
if ($(window).scrollTop() > 10) {
$("#stickbar-steps").addClass("after-scroll-wrap");
}
if ($(window).scrollTop() < 9) {
$("#stickbar-steps").removeClass("after-scroll-wrap");
}
});

Однако кажется, что он не добавляет класс в # div. Когда я вручную добавляю класс в #div, он работает нормально, но он просто не загружает скрипт или не присоединяет класс. Обычно, когда я достигаю этой точки в моей предыдущей работе, я вижу, как она прикрепляется с помощью элемента inspect, но я не вижу ее в этом.

Тема WordPress имеет отдельную страницу в разделе администратора, которая позволяет мне вставлять код JS. Я попытался добавить его туда, и я попытался вставить копию среди других файлов jquery в functions.php. Но ни один из них, кажется, не работает.

Есть идеи где искать? Тема использует jquery ver = 1.12.4.

Спасибо