Почему на адаптивном меню появляется даже при оверфлов хидден?

Question

[Akmal Islamov]

Добрый день. На адаптивном меню появляется горизонтальный скролл. Оверфлов хидден не помогает. Как его убрать и что я написал не так? https://akmalram.github.io/maxstroy1/

Comments

[Антон]

Хром, лиса, не вижу

[Akmal Islamov]

Антон, с телефона или в режиме адаптивной отладки откройте

[Андрей Федоров]

А почему бы ему не появится? Это скролл не меню, а страницы в целом. Страница у вас больше экрана, вот и скролл.

[Akmal Islamov]

Андрей Федоров, Ну да а как его убрать?

[Андрей Федоров]

Akmal Islamov, запретить скрол для body. Логично?

[Akmal Islamov]

Андрей Федоров, XD попробуйте написать)) скажете если получится

[Андрей Федоров]

Akmal Islamov, а в чем проблема-то?

[Akmal Islamov]

Андрей Федоров, хз не получается у меня

[oelena]

вы спрятали элемент за "стенку" с помощью right: -100%, но он продолжает быть видимым для браузера. Надо сделать его невидимым до нажатия на "бургер". Например: display: none;

[Akmal Islamov]

oelena, А анимация не слетит?

[oelena]

Akmal Islamov, добавьте появляющемуся меню:

.menu {
animation: bounce 0.5s;
}
@keyframes bounce {
  0% {
    transform: translateX(-200px);
  }
}

И я бы не задавала top: 0; - логотип перекрывает.
Да, чуть не забыла). Уберите right: -100%; - установите меню там где оно должно появляться, и тогда анимация приведет его туда куда надо)))

[Akmal Islamov]

oelena, Логотип слева же)) а на телефонах это допустимо))

[oelena]

Akmal Islamov, обычно мне в основном попадают макеты, где меню на мобилке не закрывает логотип. Поэтому и обратила внимание)