ZZZ1234
@ZZZ1234
Front-End

Хочу что-бы burger меню выезжал с права он сейчас вылетает с права?

Здравствуйте всем, у меня такой вопрос как сделать что-бы меню burger выезжал с право, он у меня вылетает с лева вот пример по ссылке: https://lk.glavorgstroy.ru/layout/blog.html меню burger можно посмотреть при адаптиве, буду благодарен за помощь.

Это css свойства:
.navBurger {
  position: absolute;
  top: 12px;
  right: 30px;
  cursor: pointer;
  background: #484D62;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: content-box;
  width: 20px;
  height: 24px;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 9999;
}

.overlay-burger {
  position: fixed;
  background: #FFFFFF;
  box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.25);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(0);
          transform: scale(0);
  visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  overflow: hidden;
  z-index: 9999;

}
.overlay-burger.open {
  opacity: .99;
  padding: 12px 0 0 15px;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
  width: 300px;        
}


Вот javascript
$("#navToggle").click(function() {
         $(this).toggleClass("active");
         $(".overlay-burger").toggleClass("open");
         $("body").toggleClass("locked");
});
  • Вопрос задан
  • 217 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
transform-origin поменяйте на right top
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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