Липкое меню исчезает, при изменении масштаба и обновлении страницы. Как пофиксить?

Question

[raron]

Здравствуйте! У меня сайт на вордпресс, где установлен плагин myStickymenu(что позволяет делать липкое меню).
Так вот, меню которое стоит , понятно не исчезает при изменении масштаба а вот когда промотать страничку в низ(когда появляется липкое меню) и изменить масштаб то оно исчезает, затем когда промотать в низ то оно снова появляется, и еще проблемка в том что когда изменить масштаб до минуса(в смысле до 90%, 80%, 75%, и тд) то при прокрутке оно понятно появляется снова но ширина его фона остается такой как была в предыдущим масштабировании то есть не на всю ширину браузера(ето меня больше всего смущает).

скрин меню, при изменении масштаба(когда оно исчезло) затем прокрутки в низ когда оно появилось и которое на скрине не на всю ширину браузера

ПС: надеюсь описал все конкретно. В CSS стоит width: 100%; - не помогает, возможно плагин такой себе, не знаю наверняка.
Одним словом помогите кто может пожалуйста не опытному, мучаюсь не 1 день. А сайт очень нужен :(

Answer 1

[Павло Пономаренко]

Неплохо бы пример для тестов выложить.
Пробовали использовать

.menu-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

Comments

[raron]

Павло Пономаренко, реально спасибо!!) подставил нужные классы и все работает - бек-меню стало на всю ширину при любом масштабе) Огромное спасибо!
но при изменении масштаба меню все еще исчезает и появляется только когда скролл в низ..
если поможите чем нибудь да отплачусь !!! ) пример

[Павло Пономаренко]

raron, у вас пропадают классы wrapfixed, down и up с меню. Скопируйте сюда все функции, которые работают с этими классами.

[raron]

Павло Пономаренко, извините может я не понимаю о каких вы функциях, но если вы о параметрах етих классов то там ничего нет наверное, потому что я не прописывал ничего. ети классы(которые я могу использовать) добавляет плагин. вот они



если нет то скажите где мне взять функции, потому что в functions.php ничего на них нет

[Павло Пономаренко]

raron, я понял. Очень похоже на баг плагина. Пропадает не только при изменении масштаба страницы, но и при изменении размеров. Рекомендую начать с багрепорта, вполне возможно, что автор что-то посоветует или быстро пофиксит: https://wordpress.org/plugins/mystickymenu/

Если имеете доступ к неминифицированному коду, то можете попробовать удалить вот эту строчку:

window.addEventListener('resize', OnResizeDocument);

Как временное решение сойдет.

[Павло Пономаренко]

Если код плагина менять не можете, то пока можете поставить такую заплатку ПЕРЕД вызовом кода плагина:

(function () {
  var _ael = window.addEventListener;
  window.addEventListener = function (ev) {
    if (ev === 'resize') return;
    return _ael.apply(window, arguments);
  }
}());

Я проверил и именно этот баг пропадает. Обратите внимание, что это плохое, временное решение. Но оно поможет вам дождаться ответа от автора плагина.

И ни один другой код не сможет повесить обработчик на событие resize.

[raron]

Павло Пономаренко, Спасибо Большое! буду что то делать с этим