Как сделать html наведение на изображение ⇐ CSS

[Гость]

Я уже много лет пытаюсь исправить свой код, сколько бы я ни наводил курсор на изображение гамбургер-меню, курсор просто не менялся:

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

CEA




 

[list]
[*] [url=#]About[/url]
[*] [url=#]Our Work[/url]
[*] [url=#]Contact[/url]
[*] [url=#]Web Design[/url]
[*] [url=#]eCommerce[/url]
[*] [url=#]Blog[/url]
[/list]

Get in touch
0302101290391
dsagasdasgas@gmail.com




[img]Images\menu.png[/img]

мой CSS:

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

.header{
height: 110px;
}

.menu{
display: inline;
height: 80px;
position: fixed;
top: 8px;
right: 48px;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: space-around;
transition: 0.5;
}

не знаю, влияет ли мой js на этот код, но вот мой js:

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

const menuTog = document.querySelector(".menu");
const nav = document.querySelector(".nav");
const navLeft = document.querySelector(".nav-left");
const navRight = document.querySelector(".nav-right");
const navLinks = Array.from(document.querySelectorAll(".nav-links"));
const contact = document.querySelector('.contact');
const logo = document.querySelector('.logo');

menuTog.addEventListener('click', () => {
menuTog.classList.toggle('active');
nav.classList.toggle('active');
navLeft.classList.toggle('active');
navRight.classList.toggle('active');
logo.classList.toggle('active');

contact.classList.remove('active');
navRight.classList.remove('active');

if (menuTog.classList.contains('active')) {
setTimeout(() => {
navRight.classList.add('active');
}, 100)
}
});

Я уже добавил курсор-указатель в div, но он все равно не работает. Я уже добавил .menu:hover, но он все равно не работает, не знаю, что не так с моим кодом, если есть кто-то, кто мог бы мне помочь, пожалуйста, спасибо.

Подробнее здесь: https://stackoverflow.com/questions/782 ... over-image