Скрипт headhesive для клонирования шапки сайта

@Coolfreeze · Регистрация: 21.02.2016

Всем хорошего времени суток! Создаю сайт http://infocar.pro/ использую стартовую тему wordpress - Underscores, хочу сделать клон меню с помощью headhesive.js, что бы при скроллинге меню оставалось прилипшим, опции взял отсюда https://github.com/markgoodyea... ree/master в уроках говорится что этот скрипт клонирует шапку, а так как меню не имеет отношение к шапке, имеет другой класс, здесь сказанно что можно сменить класс

Javascript

1 2	// Create a new instance of Headhesive var header = new Headhesive('.header');

я прописываю код так

Javascript

// Липкая шапка //
 
    // Create a new instance of Headhesive
    var header = new Headhesive('.main-navigation');
 
    // Options
    var options = {
        offset: 400
    }
 
    // Create a new instance of Headhesive.js and pass in some options
    var header = new Headhesive('.main-navigation', options);
 
    // Липкая шапка end //

в css прописываю код так

CSS

.main-navigation {
    clear: both;
    width: 100%;
    border-top: 2px solid #f9e491;
    padding: 12px 0;
    text-align: center;
}
 
.headhesive {
    clear: both;
    width: 100%;
    border-top: 2px solid #f9e491;
    padding: 12px 0;
    text-align: center;
    position: fixed;
    transform: translateY(0%);
}

стиль подключил в header.php

PHP

1 2	<!-- Headhesive script --> <script src="http://infocar.pro/wp-content/themes/infocar/libs/headhesive/headhesive.min.js"></script>

опции Headhesive.js прописывал здесь /infocar.pro/wp-content/themes/infocar/js/customizer.js вообщем нихрена не работает, может в других местах нужно прописывать код? Подскажите пожалуйста, второй день голову нагреваю.

Опции темы