@Norum

Почему не выезжает меню при клике на бургер?

При нажатии на бургер почему-то не выезжает меню. Изначально меню скрыто через transform: translateX(100%) и появляется при клике на бургер и добавлением через JS класса menu-open с свойством translateX(0). В отладке видно, что класс menu-open добавляется. Так же я сделал, чтобы при появлении меню весь контент съезжал на 300px , может это как-то препятствует появлению меню.

Весь код https://jsfiddle.net/90gsdco8/1/

Сайт ilyin1ib.beget.tech

60d19975e4d22386223944.jpeg

.menu {
        width:  300px;
        background: url(../img/menu-bg.jpg) center no-repeat;
        background-size:  cover;
        height: 100vh;
        position:  absolute;
        right: 0;
        top:  0;
        padding-right: 100px !important;
        transform:  translateX(100%);
        transition:  0.3s;
    }


.menu .open{
        transform: translateX(0);
    }


var $hamburger = $(".hamburger");
	$hamburger.on("click", function(e) {
	    $(this).toggleClass("is-active");
	    $('.menu').toggleClass('menu-open');
	   	$('.bg ').toggleClass('bg_show');
	   	$('.content').toggleClass('content_move');
	});
  • Вопрос задан
  • 37 просмотров
Решения вопроса 1
@MEDIOFF
Python Developer
.menu .open{
        transform: translateX(0);
}

А добавляете вы класс menu-open
Поменяйте:
.menu-open{
        transform: translateX(0);
}


P.S: не рановато ли вебстудию открывать?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
31 июл. 2021, в 12:44
15000 руб./за проект
31 июл. 2021, в 12:18
5000 руб./за проект
31 июл. 2021, в 12:17
200000 руб./за проект