Почему на главной в моб версии меню работает нормально, а перейду я на страницу контактов, то уже не нормально работает?

Question

[Нина Минко]

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


А если я переходила на страницу контакты, или about меню у меня вело вот так вот как ниже

меню не исчезает после открытия страницы.
Опять что то с js? Как оказывается все сложно
Вот эта страница где все меню не хочет закрываться, именно в мобильной версии ссылка

Comments

[Нина Минко]

вот та страница

Answer 1

[Человек Верстальщик]

Я думаю дело в том что на странице контактов нет ссылки на ccs свойства, которые работают на главной странице, которые должны через СВОЙСТВО hidden закрывать меню. Так сам особо не разбираюсь :) Или возможно js тупит! Скорее всего второе

Answer 2

[MagnusDidNotBetray]

Может потому что на главной странице элемент .offcanvas-menu вложен в элемент #wrapper, а на странице контактов не вложен? И поэтому не работает стиль

.uc-offcanvas-left.slide-in-on-top .uc-offcanvas-container {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

, а?

Comments

[Нина Минко]

например в исходниках about .offcanvas-menu вложен в элемент #wrapper но меню так же показывается, странно конечно

[Нина Минко]

опана

[Нина Минко]

было
стало

[MagnusDidNotBetray]

Нина Минко, не вижу никакой вложенности. Вижу только это:


И форматируйте код, а то выгляди ужасно.

[MagnusDidNotBetray]

Нина Минко, не знаю зачем мне эти скрины, но внимательно посмотрите на html главной страницы, и на html этой. Сделайте как на главной.

[Нина Минко]

MagnusDidNotBetray, но вот offcanvas-menu на главной внутри wrapper

и на странице about у меня offcanvas-menu тоже внутри wraper, вот скрин сделала

вот в исходниках как, класс внутри wraper а в браузере почему то выпрыгивает от туда

[Нина Минко]

MagnusDidNotBetray, у меня был лишний</div> выше потеряла его

Answer 3

[Максим]

Тут вообще верстка сбита. Нужно пересмотреть код верстки всего выезжающего меню и таба заново.