Помощь Залипание верхнего меню

[wwizard]

Есть Для просмотра ссылки Войди или Зарегистрируйся. У него происходит залипание верхнего меню. Наводишь на одно меню, а второе как бы подвисло, на котором нажимал раннее. Это исправляется? В настройках шаблона не нашел как это исправить.

 

[WiZXaK]

решается средствами css, если нет соответствующих настроек в теме\модуле.

 

[wwizard]

решается средствами css, если нет соответствующих настроек в теме\модуле.

помочь сможете?

 

[SkandaL]

Скорее всего у вас что-то в браузере что-то не корректно отображает. У меня в хроме всё ок, задержка пол секунды и меню пропадает с эффектом fade.

 

[WiZXaK]

Скорее всего у вас что-то в браузере что-то не корректно отображает. У меня в хроме всё ок, задержка пол секунды и меню пропадает с эффектом fade.

Пол секунды видать и смущают.

помочь сможете?

Поглядел на демо, там беда в самом шаблоне (не в css), задержка происходит если меню: не содержит\содержит вложенности (выпадающий список) при наведении.
Предположу, что происходит подгрузка другого кода при наведении, отсюда задержка.
Вариант лезть в код или выехать на стороннем плагине меню.
P.S: гипотеза беглым взглядом.

Как самый простой способ решить проблему - добавьте любой (можно якорь на цены к примеру) выпадающий элемент среднему пункту меню: [трансфер].

 

[SkandaL]

Нужно в скрипте с настройками анимации меню увеличить скорость до нужной и всё.

 

[till1284]

Включите хром. Потом пкм на место ошибки и выбрать пункт "Просмотр кода элемента". И уже там можно в режиме онлайн "играться" с css. А потом, когда достигните нужного эффекта, то перенести изменения в файл стилей.

 

[ТотСамый]

CSS:

body {
    margin:0;
    padding:0;
    font-family: Helvetica;
}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

header {
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #eee;
    color: #666;
    padding-left: 20px;
    border-bottom: 5px solid #ddd
}
header.clone {
    position:fixed;
    top:-65px;
    left: 0;
    right: 0;
    z-index:999;
    transition:0.4s top cubic-bezier(.3,.73,.3,.74);
}
body.down header.clone {
    top:0;
}
.content {
    padding: 0 20px 20px;
    background: #fff;
    line-height: 1.5;
    color: #333;
}

JS:

    $(document).ready(function() {
        var $header = $("header"),
            $clone = $header.before($header.clone().addClass("clone"));
       
        $(window).on("scroll", function() {
            var fromTop = $(window).scrollTop();
            $("body").toggleClass("down", (fromTop > 400));
        });
    });

В <header> выводишь меню и все.