@MaximAdskin

Как решить проблему с position: absolute и мобильным меню?

https://kirinayik.github.io/primer/

на 680px хочу сделать меню бургер, чтобы меню справа выходило.
Задал поз абсолют райт трансформХ(-100%) и оно вот так себя повело.
overflow hidden не помог
  • Вопрос задан
  • 33 просмотра
Решения вопроса 1
valgerofficial
@valgerofficial
Десигнер LVL100
Уберите transform: translateX(100%); Напишите:

@media screen and (max-width: 680px)
.header__menu { / Прячем меню за viewport
    position: fixed; / Добавляем фиксированное позиционирование.
    right: -100%;
    translate: all .3s ease-in-out; / Добавляем анимацию к меню.
}

.burger__lines.active {   / Добавляем класс, актив.. по клику на кнопку бургера и возвращяем меню в исходное положение.
    right: 0 !important;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы