Почему мой гамбургер ведут себя неожиданно при изменении размера ниже 900px? [закрыто]CSS

Разбираемся в CSS
Ответить
Anonymous
 Почему мой гамбургер ведут себя неожиданно при изменении размера ниже 900px? [закрыто]

Сообщение Anonymous »

Я создаю адаптивный веб -сайт и пытаюсь внедрить меню гамбургера, которое активирует, когда ширина просмотра составляет менее 900px. Тем не менее, меню, кажется, освежает или ведет себя непредсказуемо при изменении размера окна вокруг этой точки останова.

Код: Выделить всё


...
...


/* CSS */
@media screen and (max-width: 900px) {
.menu-hamburger { display: block; }
}

// JavaScript
const menuToggle = document.getElementById('menu-toggle');
const navLinks = document.querySelector('.nav-links');
menuToggle.addEventListener('click', () => {
navLinks.classList.toggle('mobile-menu');
});
Вы можете найти код здесь:

https://github.com/bytebanditbot/dropdownmenu.git


Подробнее здесь: https://stackoverflow.com/questions/795 ... elow-900px
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»