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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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