Почему появляется меню в ненужном месте (mmenu)?

Question

[mootz]

При активации меню оно появляется где-то с краю, а только потом встает там, где нужно.
Пример - devmootz.xyz/cyb
Есть варианты как это можно исправить?

Comments

[Сергей]

Потому что изначально у .mm-menu стоит left: left: var(--mm-offset-left); И равно оно 0.
Когда нажимаете на кнопку "бургер", то .mm-menu устанавливаются следующие значения: right: calc(100% - 1524.48px); и left: auto;
То есть, было left: 0; потом оно обнулилось и меню стало в позицию right: *значение*.

[mootz]

Сергей, есть предположение каким образом это можно исправить? Ибо от измены данного параметра ничего не происходит.

[Сергей]

mootz, можно изначально определить положение, в котором хотите, чтобы отображалось меню.

Пример:

.mm-menu{
  right: calc(100% - 1524.48px);
}

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

Answer 1

[mootz]

Вся суть была в том, что у шапки был отступ сверху и из-за этого он так выводился криво.

Answer 2

[Илья Салигжанов]

Нужно его изначально поставить в то место, где оно должно отображаться, а по нажатию на кнопку менять ему display. Оно скачет из-за того, что сначала у него появляется display: block, а потом меняется положение